مفتاح تبديل JavaScript الشرطي

تعرف على أساسيات JavaScript Switch Conditional

انif/elseالبيان رائع عندما يكون لديك عدد قليل من الخيارات للاختيار.

عندما يكون عددهم أكثر من اللازم إلا أنه قد يكون مبالغة. سوف تبدو التعليمات البرمجية الخاصة بك معقدة للغاية.

في هذه الحالة ، قد ترغب في استخدام ملفswitchالشرط:

switch(<expression>) {
  //cases
}

بناءً على نتيجة التعبير ، ستؤدي JavaScript إلى تشغيل حالة واحدة محددة تحددها:

const a = 2
switch(a) {
  case 1:
    //handle case a is 1
    break
  case 2:
    //handle case a is 2
    break
  case 3:
    //handle case a is 3
    break
}

يجب عليك إضافةbreakبيان في أسفل كل حالة ، وإلا فإن JavaScript سيقوم أيضًا بتنفيذ التعليمات البرمجية في الحالة التالية (وأحيانًا يكون هذا مفيدًا ، ولكن احذر من الأخطاء). عند استخدامه داخل دالة ، إذا كان المفتاح يحدد قيمة إرجاع ، بدلاً من استخدامbreakيمكنك فقط استخدامreturn:

const doSomething = (a) => {
  switch(a) {
    case 1:
      //handle case a is 1
      return 'handled 1'
    case 2:
      //handle case a is 2
      return 'handled 2'
    case 3:
      //handle case a is 3
      return 'handled 3'
  }
}

يمكنك تقديم ملفdefaultحالة خاصة ، يتم استدعاؤها عندما لا تتعامل أي حالة مع نتيجة التعبير:

const a = 2
switch(a) {
  case 1:
    //handle case a is 1
    break
  case 2:
    //handle case a is 2
    break
  case 3:
    //handle case a is 3
    break
  default:
    //handle all other cases
    break
}

المزيد من دروس js: