Logo
Книга для начинающих
ВходРегистрация
/
Программирование
/
Курс JavaScript
/

Конструкция Switch

JavaScript: Конструкция Switch

Многие языки в дополнение к условной конструкции if включают в себя switch. Это специализированная версия if, созданная для некоторых особых ситуаций. Например, её имеет смысл использовать там, где есть цепочка if else с проверками на равенство. Например:

if (status === 'processing') {
  // Делаем раз
} else if (status === 'paid') {
  // Делаем два
} else if (status === 'new') {
  // Делаем три
} else {
  // Делаем четыре
}

Эта составная проверка обладает одной отличительной чертой: каждая ветка здесь — это проверка значения переменной status. Switch позволяет записать этот код короче и выразительнее:

switch (status) {
  case 'processing': // status === processing
    // Делаем раз
    break;
  case 'paid': // status === paid
    // Делаем два
    break;
  case 'new': // status === new
    // Делаем три
    break;
  default: // else
    // Делаем четыре
}

Свитч — довольно сложная конструкция с точки зрения количества элементов, из которых она состоит:

  • Внешнее описание, в которое входит ключевое слово switch. Переменная, по значениям которой switch будет выбирать поведение. И фигурные скобки для вариантов выбора.
  • Конструкции case и default, внутри которых описывается поведение для разных значений рассматриваемой переменной. Каждый case соответствует if в примере выше. default - это особая ситуация, соответствующая ветке else в условных конструкциях. Как else, указывать default не обязательно (но линтер всегда его просит).
  • break нужен для предотвращения «проваливания». Если его не указать, то после выполнения нужного case выполнение перейдет к следующему case, и так, либо до ближайшего break, либо до конца switch.

Фигурные скобки в switch не определяют блок кода, как это было в других местах. Внутри допустим только тот синтаксис, который показан выше. То есть там можно использовать case или default. А вот внутри каждого case (и default) ситуация другая. Здесь можно выполнять любой произвольный код:

switch (count) {
  case 1:
    // Делаем что-то полезное
    break;
  case 2:
    // Делаем что-то полезное
    break;
  default:
    // Что-то делаем
}

Иногда, результат, полученный внутри case, — это конец выполнения функции, содержащей switch. В таком случае его нужно как-то вернуть наружу. Для решения этой задачи есть два способа.

Первый. Создать переменную перед switch, заполнить её в case и затем, в конце, вернуть значение этой переменной наружу.

(count) => {
  // Объявляем переменную
  let result;

  // Заполняем
  switch (count) {
    case 1:
      result = 'one';
      break;
    case 2:
      result = 'two';
      break;
    default:
      result = null;
  }

  // Возвращаем
  return result;
};

Второй способ проще и короче. Вместо создания переменной, case позволяет внутри себя делать обычный возврат из функции. А так как после return никакой код не выполняется, то мы можем избавиться от break:

(count) => {
  switch (count) {
    case 1:
      return 'one';
    case 2:
      return 'two';
    default:
      return null;
  }
};

Switch хоть и встречается в коде, но технически всегда можно обойтись без него. Ключевая польза при его использовании в том, что он лучше выражает намерение программиста, когда нужно проверять конкретные значения переменной. Хотя кода и стало физически чуть больше, читать его легче, в отличие от блоков else if.

Задание

Реализуйте функцию getNumberExplanation(), которая принимает на вход число и возвращает объяснение этого числа. Если для числа нет объяснения, то возвращается just a number. Объяснения есть только для следующих чисел:

  • 666 - devil number
  • 42 - answer for everything
  • 7 - prime number

Примеры вызова функции:

getNumberExplanation(8);   // just a number
getNumberExplanation(666); // devil number
getNumberExplanation(42);  // answer for everything
getNumberExplanation(7);   // prime number
Коммерческий опыт и Трудоустройство

Полезное

  • switch

Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект

Если вы зашли в тупик, то самое время поговорить с нашим асситентом Тота во вкладке "ИИ-помощник":

Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.

Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи. В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.

Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в обратной связи нашего сообщества

Нашли ошибку? Есть что добавить? Пулреквесты приветствуются
Если вы столкнулись с трудностями и не знаете, что делать, задайте вопрос в нашем большом и дружном телеграм-сообществе

Привет! Я Тота и моя задача помочь в обучении. Чтобы активировать меня, нужно зарегистрироваться или залогиниться, если у вас уже есть аккаунт

  1. Привет, Мир!
  2. Комментарии
  3. Инструкции (Statements)
  4. Как мы проверяем ваши решения
  5. Синтаксические ошибки
  6. Арифметические операции
  7. Операторы
  8. Коммутативная операция
  9. Композиция операций
  10. Приоритет операций
  11. Числа с плавающей точкой
  12. Бесконечность (Infinity)
  13. NaN
  14. Линтер
  15. Кавычки
  16. Экранирующие последовательности
  17. Конкатенация
  18. Кодировка
  19. Что такое переменная
  20. Изменение переменной
  21. Выбор имени переменной
  22. Ошибки при работе с переменными
  23. Выражения в определениях
  24. Переменные и конкатенация
  25. Стили именования
  26. Магические числа
  27. Константы
  28. Интерполяция
  29. Извлечение символов из строки
  30. Типы данных
  31. undefined
  32. Неизменяемость примитивных типов
  33. Слабая типизация
  34. Функции и их вызов
  35. Математические функции JavaScript
  36. Сигнатура функции
  37. Параметры по умолчанию
  38. Вызов функции — выражение
  39. Функции с переменным числом параметров
  40. Детерминированность
  41. Стандартная библиотека
  42. Свойства
  43. Методы
  44. Неизменяемость
  45. Свойства и методы как выражения
  46. Цепочка вызовов
  47. Создание (определение) функций
  48. Возврат значений
  49. Параметры функций
  50. Необязательные параметры функций
  51. Упрощенный синтаксис функций
  52. Логический тип
  53. Предикаты
  54. Комбинирование логических операций
  55. Логические операторы
  56. Отрицание
  57. Результат логических выражений
  58. Условная конструкция (if)
  59. else
  60. Конструкция else if
  61. Тернарный оператор
  62. Конструкция Switch
  63. Цикл While
  64. Агрегация данных (Числа)
  65. Агрегация данных (Строки)
  66. Обход строк
  67. Условия внутри тела цикла
  68. Формирование строк в циклах
  69. Синтаксический сахар
  70. Инкремент и декремент
  71. Возврат из циклов
  72. Цикл For
/
Программирование
/
Курс JavaScript
/

Конструкция Switch

JavaScript: Конструкция Switch

Многие языки в дополнение к условной конструкции if включают в себя switch. Это специализированная версия if, созданная для некоторых особых ситуаций. Например, её имеет смысл использовать там, где есть цепочка if else с проверками на равенство. Например:

if (status === 'processing') {
  // Делаем раз
} else if (status === 'paid') {
  // Делаем два
} else if (status === 'new') {
  // Делаем три
} else {
  // Делаем четыре
}

Эта составная проверка обладает одной отличительной чертой: каждая ветка здесь — это проверка значения переменной status. Switch позволяет записать этот код короче и выразительнее:

switch (status) {
  case 'processing': // status === processing
    // Делаем раз
    break;
  case 'paid': // status === paid
    // Делаем два
    break;
  case 'new': // status === new
    // Делаем три
    break;
  default: // else
    // Делаем четыре
}

Свитч — довольно сложная конструкция с точки зрения количества элементов, из которых она состоит:

  • Внешнее описание, в которое входит ключевое слово switch. Переменная, по значениям которой switch будет выбирать поведение. И фигурные скобки для вариантов выбора.
  • Конструкции case и default, внутри которых описывается поведение для разных значений рассматриваемой переменной. Каждый case соответствует if в примере выше. default - это особая ситуация, соответствующая ветке else в условных конструкциях. Как else, указывать default не обязательно (но линтер всегда его просит).
  • break нужен для предотвращения «проваливания». Если его не указать, то после выполнения нужного case выполнение перейдет к следующему case, и так, либо до ближайшего break, либо до конца switch.

Фигурные скобки в switch не определяют блок кода, как это было в других местах. Внутри допустим только тот синтаксис, который показан выше. То есть там можно использовать case или default. А вот внутри каждого case (и default) ситуация другая. Здесь можно выполнять любой произвольный код:

switch (count) {
  case 1:
    // Делаем что-то полезное
    break;
  case 2:
    // Делаем что-то полезное
    break;
  default:
    // Что-то делаем
}

Иногда, результат, полученный внутри case, — это конец выполнения функции, содержащей switch. В таком случае его нужно как-то вернуть наружу. Для решения этой задачи есть два способа.

Первый. Создать переменную перед switch, заполнить её в case и затем, в конце, вернуть значение этой переменной наружу.

(count) => {
  // Объявляем переменную
  let result;

  // Заполняем
  switch (count) {
    case 1:
      result = 'one';
      break;
    case 2:
      result = 'two';
      break;
    default:
      result = null;
  }

  // Возвращаем
  return result;
};

Второй способ проще и короче. Вместо создания переменной, case позволяет внутри себя делать обычный возврат из функции. А так как после return никакой код не выполняется, то мы можем избавиться от break:

(count) => {
  switch (count) {
    case 1:
      return 'one';
    case 2:
      return 'two';
    default:
      return null;
  }
};

Switch хоть и встречается в коде, но технически всегда можно обойтись без него. Ключевая польза при его использовании в том, что он лучше выражает намерение программиста, когда нужно проверять конкретные значения переменной. Хотя кода и стало физически чуть больше, читать его легче, в отличие от блоков else if.

Задание

Реализуйте функцию getNumberExplanation(), которая принимает на вход число и возвращает объяснение этого числа. Если для числа нет объяснения, то возвращается just a number. Объяснения есть только для следующих чисел:

  • 666 - devil number
  • 42 - answer for everything
  • 7 - prime number

Примеры вызова функции:

getNumberExplanation(8);   // just a number
getNumberExplanation(666); // devil number
getNumberExplanation(42);  // answer for everything
getNumberExplanation(7);   // prime number
Коммерческий опыт и Трудоустройство

Полезное

  • switch

Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект

Если вы зашли в тупик, то самое время поговорить с нашим асситентом Тота во вкладке "ИИ-помощник":

Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.

Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи. В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.

Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в обратной связи нашего сообщества

Нашли ошибку? Есть что добавить? Пулреквесты приветствуются
← ПредыдущийСледующий →
Loading...
← ПредыдущийСледующий →
← ПредыдущийСледующий →

Ваше упражнение проверяется по этим тестам

import { expect, test } from 'vitest';
import f from './index.js';

test('test', () => {
  expect(f(0)).toBe('just a number');
  expect(f(666)).toBe('devil number');
  expect(f(42)).toBe('answer for everything');
  expect(f(7)).toBe('prime number');
});
← ПредыдущийСледующий →

Решение учителя откроется через:

20:00

waiting_clock
← ПредыдущийСледующий →