تبديل حالة البناء

يتم استخدام إنشاء المفتاح لمقارنة قيمة المساواة مع الخيارات المختلفة.

في هذه الحالة ، يتم تضمين المساواة بمعنى المساواة الصارمة للمشغل `` === '' ، ولا يمكن مقارنتها بتعبير عادي أو بطريقة أخرى. بمعنى ، يجب أن تكون القيم من نفس النوع حتى يتم الاحتفاظ بالمساواة.

إذا تطابق الشرط ، فإن كتلة التعليمات البرمجية المرتبطة المقابلة case يتم تنفيذ. إذا لم يتطابق أي من الشروط ، فسيكون الرمز المحدد في ملف defaultكتلة ، إن وجدت ، يتم تنفيذها. للخروج من البناء ، استخدمbreak أمر. إذا لم تحدده ، فسيتم تنفيذ كتلة التعليمات البرمجية تلقائيًا في التالي case, إلخ. لذلك نستخدمها break في نصوصنا ، حتى لا نشغل المترجم الفوريcases, وبالتالي تقليل أداء البرنامج النصي.

بناء الجملة

أswitch يحتوي البناء على واحد أو أكثر case كتل واختياري default منع.

تبدو هكذا:

switch (n) {
  case 1:
    // code block 1;
    break
  case 2:
    // code block 2;
    break
  // .......
  // other case options
  // .......
  default:
  // code block if none of the conditions match;
}

n -هذا هوboolean شرط.

أمثلة على

لنفكر في أبسط مثال:

محرر مباشر

function learnJavaScript() { let a = 4 let str switch (a) { case 3: str = 'Not enough' break case 4: str = 'To the point!' break case 5: str = 'brute force' break default: str = "I don't know such values" } return str }

function learnJavaScript() {
  let a = 4
  let str
  switch (a) {
    case 3:
      str = 'Not enough'
      break
    case 4:
      str = 'To the point!'
      break
    case 5:
      str = 'brute force'
      break
    default:
      str = "I don't know such values"
  }
  return str
}

النتيجة

Loading...

هناswitch بيان سوف يقارن بالتسلسل a مع كل الخيارات منcase. أولا 3, ثم - حيث لا يوجد تطابق -4. تم العثور على تطابق ، سيتم تنفيذ هذا الخيار ، من السطرstr = 'To point!' وبعد ذلك ، إلى أقربbreak, مما يقطع التنفيذ.

تأمل هذا المثال:

محرر مباشر

function learnJavaScript() { let a = 'Apples' let str switch (a) { case 'Apples': str = 'I love ' + a break case 'Oranges': str = 'I love ' + a break case 'Bananas': str = 'I love ' + a break default: str = 'I like other fruits' } return str }

function learnJavaScript() {
  let a = 'Apples'
  let str
  switch (a) {
    case 'Apples':
      str = 'I love ' + a
      break
    case 'Oranges':
      str = 'I love ' + a
      break
    case 'Bananas':
      str = 'I love ' + a
      break
    default:
      str = 'I like other fruits'
  }
  return str
}

النتيجة

Loading...

هنا switch بيان سوف يقارن بالتسلسل a مع كل الخيارات من case. لكن هذه ليست مقارنة بين الأرقام ، ولكن بين الأوتار. يمكن القيام بذلك مع أي نوع بيانات ، طالما تتم مقارنة أنواع البيانات نفسها.

استبدال "if"

أيضًا ، يتم استخدام "Switch" لاستبدال "if" المتعددة.

على سبيل المثال ، يمكنك استبدال هذا الرمز:

محرر مباشر

function learnJavaScript() { let number = 2 let str if (number === 0) { str = 'You entered the number 0' } if (number === 1) { str = 'You entered the number 1' } if (number === 2 || number === 3) { str = 'You entered the number 2, maybe 3' } return str }

function learnJavaScript() {
  let number = 2
  let str
  if (number === 0) {
    str = 'You entered the number 0'
  }

  if (number === 1) {
    str = 'You entered the number 1'
  }

  if (number === 2 || number === 3) {
    str = 'You entered the number 2, maybe 3'
  }
  return str
}

النتيجة

Loading...

على هذا :

محرر مباشر

function learnJavaScript() { let number = 2 let str switch (number) { case 0: str = 'You entered the number 0' break case 1: str = 'You entered the number 1' break case 2: case 3: str = 'You entered the number 2, maybe 3' break } return str }

function learnJavaScript() {
  let number = 2
  let str
  switch (number) {
    case 0:
      str = 'You entered the number 0'
      break

    case 1:
      str = 'You entered the number 1'
      break

    case 2:
    case 3:
      str = 'You entered the number 2, maybe 3'
      break
  }
  return str
}

النتيجة

Loading...

ستكون النتيجة هي نفسها ، لكن الكود سيصبح أكثر قابلية للقراءة وأسهل في العمل به.

مشاكل؟

اكتب ل Discord محادثة.

أسئلة:

هل من الممكن استخدامswitch لمقارنة شيء مع التعبيرات العادية؟

1. Yes
2. No

ما عامل المقارنة يفعل switch استعمال؟

1. =
2. ===
3. ==

الكلمة الأساسية التي توقف عملية المقارنة فيها switch?

1. break
2. stop
3. default

لفهم مقدار ما تعلمته في هذا الدرس ، قم بإجراء الاختبار فيmobile application من مدرستنا في هذا الموضوع.

الروابط

1. MDN web docs
2. Learn JavaScript
3. Справочник JavaScript

المساهمون ✨

الشكر يعود إلى هؤلاء الأشخاص الرائعين(emoji key):

Philipp Dvinyaninov

Dmitriy Vasilev 💵

Resoner2005 🐛 🎨 🖋

Navernoss 🖋 🐛 🎨