يتم استخدام البيانات الشرطية لإجراء إجراءات مختلفة بناءً على شروط مختلفة.
البيانات الشرطية
عادة عند كتابة الكود ، تحتاج دائمًا إلى تنفيذ إجراءات مختلفة لقرارات مختلفة. يمكنك استخدام البيانات الشرطية في الكود الخاص بك لإنجاز هذه المهمة.
في JavaScript ، يمكننا استخدام البيانات الشرطية التالية:
• إذا كانت عبارة - استخدم هذا العبارة لتنفيذ الرمز فقط إذا كان الشرط المحدد صحيحًا
• إذا ... بيان آخر - قم بتنفيذ الرمز عندما يكون الشرط صحيحًا ، وتنفيذ رمز آخر عندما يكون الشرط خطأ
• إذا ... أخرى إذا ... بيان آخر - استخدم هذا البيان لتحديد واحدة من كتل التعليمات البرمجية المتعددة للتنفيذ
• عبارة التبديل - استخدم هذا البيان لتحديد واحدة من كتل التعليمات البرمجية المتعددة للتنفيذ
إذا كان البيان
ينفذ البيان رمز فقط عندما يكون الشرط المحدد صحيحًا.
قواعد
نسخة الكود كما يلي:
إذا (حالة)
{
تم تنفيذ الكود فقط عندما يكون الشرط صحيحًا
}
ملاحظة: الرجاء استخدام If Survase IF. باستخدام الحروف الرأسمالية (if) يولد أخطاء JavaScript!
مثال
عندما يكون الوقت أقل من 20:00 ، يتم إنشاء تحية "يوم جيد":
نسخة الكود كما يلي:
إذا (الوقت <20)
{
x = "يوم جيد" ؛
}
نتيجة X هي:
يوم جيد
جربها بنفسك
لاحظ أنه في هذا الجملة ، لا يوجد .. else .. لقد أخبرت المتصفح تنفيذ التعليمات البرمجية فقط إذا كان الشرط المحدد صحيحًا.
إذا ... بيان آخر
يرجى استخدام عبارة if ... else to Execute Code عندما يكون الشرط صحيحًا ورمز آخر عندما يكون الشرط خطأ.
قواعد
نسخة الكود كما يلي:
إذا (حالة)
{
تم تنفيذ الكود عندما يكون الشرط صحيحًا
}
آخر
{
تم تنفيذ الكود عندما يكون الشرط صحيحًا
}
مثال
عندما يكون الوقت أقل من الساعة 20:00 ، ستحصل على تحية "يوم جيد" ، وإلا ستحصل على تحية "مساء الخير".
نسخة الكود كما يلي:
إذا (الوقت <20)
{
x = "يوم جيد" ؛
}
آخر
{
x = "مساء الخير" ؛
}
نتيجة X هي:
يوم جيد
جربها بنفسك
إذا ... أخرى إذا ... بيان آخر
استخدم عبارة if ... else if ... else else لتحديد واحدة من كتل التعليمات البرمجية المتعددة لتنفيذها.
قواعد
نسخة الكود كما يلي:
إذا (الحالة 1)
{
تم تنفيذ الكود عندما يكون الشرط 1 صحيحًا
}
آخر إذا (الحالة 2)
{
تم تنفيذ الكود عندما يكون الشرط 2 صحيحًا
}
آخر
{
تم تنفيذ الكود عندما لا يكون الشرط 1 ولا الشرط 2 صحيحًا
}
مثال
إذا كان الوقت أقل من الساعة 10:00 ، فسيتم إرسال تحية "صباح الخير" ، وإلا إذا كان الوقت أقل من الساعة 20:00 ، فسيتم إرسال تحية "اليوم الجيد" ، وإلا فإن التحية "مساء الخير" سيتم إرسالها:
نسخة الكود كما يلي:
إذا (الوقت <10)
{
x = "صباح الخير" ؛
}
آخر إذا (الوقت <20)
{
x = "يوم جيد" ؛
}
آخر
{
x = "مساء الخير" ؛
}
نتيجة X هي:
صباح الخير
في JavaScript ، والتي يمكن استخدام القيم كظروف إذا
1. متغير منطقي صحيح/خطأ
2. الأرقام ليست 0 ، وليس NAN/ (0 أو NAN)
انظر المثال أدناه ، لا تعتقد أن الأرقام السلبية خاطئة.
نسخة الكود كما يلي:
var i = -1 ؛
إذا (i) {
تنبيه ('هنا') ؛
}آخر{
تنبيه ("الاختبار موافق!") ؛
}
3. الكائنات ليست فارغة/(خالية أو غير محددة)
4. سلسلة غير فارغة ("")/سلسلة فارغة ("")
لتلخيص ، بالنسبة للسلاسل ، لا تحتاج إلى كتابة الكثير من إذا (str! = null && str! = undefined && str! = '') ، فقط استخدم جملة واحدة
نسخة الكود كما يلي:
إذا (! str) {
// افعل شيئًا
}
هذا كل شيء.
بالنسبة للأحكام غير الفريدة للأرقام ، يجب عليك التفكير في استخدام وظيفة ISNAN (). NAN لا تساوي أي نوع من البيانات ، بما في ذلك نفسها ، ولا يمكن الحكم عليها إلا من قبل ISNAN (). بالنسبة للأنواع الرقمية ، إذا كان (أ) عبارة 0 ، إذا كان (أ) خطأ ، إذا لم يكن (أ) 0 ، إذا كان (أ) صحيحًا
نسخة الكود كما يلي:
فار ب ؛
var a = 0 ؛
a = a + b ؛
إذا (أ) {
تنبيه ('1') ؛
}آخر{
تنبيه ('2') ؛
}
إذا (isnan (a)) {
في حالة تأهب ('a is nan') ؛
}
تعليمي JavaScript: حول طريقة تحسين البيان إذا اختصار
UglifyJS هي أداة لضغط وتجميل JavaScript. في وثائقها ، رأيت عدة طرق لتحسين البيانات. على الرغم من أنني لم أستخدمها لإجراء بعض الاختبارات التجريبية ، إلا أنه يمكننا أن نرى من هنا أنها تجميل JS. قد يعتقد بعض الناس أنه إذا كانت العبارات بسيطة ، فكم يمكن تحسينها؟ لكن انظر إلى الطرق التالية وقد تغير رأيك.
1. استخدم المشغلين الثلاثية المشتركة
إذا (foo) bar () ؛ آخر baz () ؛ ==> foo؟ bar (): baz () ؛
إذا (! foo) bar () ؛ آخر baz () ؛ ==> foo؟ baz (): bar () ؛
إذا (foo) return bar () ؛ عودة أخرى baz () ؛ ==> return foo؟ bar (): baz () ؛
من المؤكد أنك على دراية بالاستخدام أعلاه للمشغلين الثلاثية لتحسين البيانات ، وربما تستخدمها كثيرًا.
أمثلة قدمها wulin.com:
نسخة الكود كما يلي:
<script>
var i = 9
var ii = (i> 8)؟ 100: 9 ؛
تنبيه (II) ؛
</script>
نتيجة الإخراج:
100
2. استخدم و (&&) و OR (||)
إذا (foo) bar () ؛ ==> foo && bar () ؛
إذا (! foo) bar () ؛ ==> foo || bar () ؛
لأكون صادقًا ، لم أكتب رمزًا مثل هذا. لقد رأيت طريقة الكتابة هذه عندما كنت أدرس "Bird Bird's Linux Private Vegetable" ، لكنني لم أتوقع تنفيذها في JS.
3. حذف أقواس مجعد {}
إذا (foo) return bar () ؛ آخر شيء () ؛ ==> {if (foo) return bar () ؛ شئ ما()}
أنا معتاد على طريقة الكتابة هذه ، لكنني أقترح القيام بذلك عند تحسين الكود ، أو تركه إلى UglifyJS لمساعدتك في حلها. بعد كل شيء ، إذا كنت تفتقر إلى دعامة واحدة ، فإن الكود غير قابل للقراءة.
بعد أن كتبت هذا ، أفكر في طريقة من قبل والد jQuery في "إتقان JavaScript" للحصول على سمات عناصر HTML.
وظيفة getAttr (el ، attrname) {
var attr = {'for': 'htmlfor' ، 'class': 'className'} [attrname] || attrname ؛
} ؛
إذا لم نكتب بهذه الطريقة ، فقد نحتاج إلى استخدام اثنين إذا كان هناك بيانين لمعالجته ، ولم يكن الكود أعلاه موجزًا وفعالًا فحسب ، بل يمكن قراءته أيضًا.
إذا فكرت في الأمر بعناية ، فيمكننا إيجاد طرق فعالة لحل المشكلة في كثير من الحالات ، ولكن المفتاح هو ما إذا كنا حريصين على إيجاد طريقة أفضل.
【مهارات JavaScript】 الاختصار إذا (x == null)
إذا كان (x == null) أو إذا كان (typeof (x) == 'undefined') يمكن اختصاره كما لو (! x) ، ولم يتم التحقق منه.
على العكس من ذلك ، إذا كانت (x) تعني x ليست فارغة
تحديد ما إذا كان الكائن موجودًا
نسخة الكود كما يلي:
if (document.form1.softurl9) {
// احكم على ما إذا كان Softurl9 موجودًا لمنع أخطاء JS
}
نسخة الكود كما يلي:
if (document.getElementById ("softurl9")) {
// احكم على ما إذا كان Softurl9 موجودًا لمنع أخطاء JS
}