JS. Совет по использованию Map вместо switch

Опубликовано в Для студентов • 29 января 2020 г. • 1 мин. на чтение

При реализации выбора "если то", есть склонность использовать несколько операторов if илиswitch-case 

let result = null;
if (size === "S") {
  result = "37-38";
} else if (size === "L") {
  result = "41-42";
} else if (size === "XL") {
  result = "43-44";
}

let result = null;
switch (size) {
  case "S":
    result = "37-38";
    break;
  case "L":
    result = "41-42";
    break;
  case "XL":
    result = "43-44";
    break;
}

В большинстве ситуаций более подходящим является использование Map:

const sizeMap = new Map([
  ["S", "37-38"],
  ["L", "41-42"],
  ["XL", "43-44"]
]);
const result = sizeMap.get(size);

или простого объекта

const sizes = {
  S: "37-38",
  L: "41-42",
  XL: "43-44"
};
const result = sizeMap[size];

Похожие записи

Какой язык программирования учить первым?

Для начало необходимо решить как Вам больше нравится: "начинать со сложного" или "начинать с простого". Можно провести аналогию с обучением вождения на автоматической коробке передач и механическим аналогом. Автомат - начинаем с простого, механика - со сложного.

Flexbox или CSS Grid

  • CSS Grid отлично подходит для макетов с нестандартным или асимметричным дизайном.
  • Flexbox отлично подходит для выравнивания содержимого внутри элементов.
  • Нет причин применять только CSS Grid или только Flexbox. Изучайте их и используйте совместно.