Обложка канала

За фронтенд - JavaScript, HTML, CSS

Расскажем и покажем что такое современный JavaScript и где он используется.

За фронтенд - JavaScript, HTML, CSS

4 года назад
Открыть в
​​Прекратите использовать условные операторы везде в JavaScript, вместо этого используйте литерал объекта Условные операторы (If-Else, Switch) можно легко заменить объектными литералами. Они делают код лучше. Объектный литерал — один из самых популярных и широко используемых шаблонов для определения объектов в JavaScript.  Это набор пар ключ-значение. JavaScript, будучи мощным, добавляет некоторые дополнительные функции к простым объектам через литералы объектов. const obj = {    first_name: 'Java',    last_name: 'Script'  } // Пример объектного литерала Как мы можем использовать объектный литерал в качестве замены условным операторам? Давайте рассмотрим пример сценария, чтобы понять это. Пользователь вводит животное, нам нужно вернуть имя его детеныша (как называется). Посмотрите на следующий код: if(animal.toLowerCase()==='cat'){   return 'Kitten' } else if(animal.toLowerCase()=='cattle'){    return 'Calf' } else if(animal.toLowerCase()==='cheetah'){    return 'Cub'; } else if(animal.toLowerCase()==='dog'){    return 'Pup'; } else{   return "я не знаю это" } switch(animal.toLowerCase()){   case 'cat': return 'Kitten'   case 'cattle': return 'Calf'   case 'cheetah': return 'Cub'   case 'dog': return 'Pup'   default: return "я не знаю это" } Как мы видим, приведенные выше коды имеют много строк. Независимо от того, напишем ли мы его с помощью if-else или регистра switch, хотя регистр case уменьшает избыточность 'animal.toLowerCase()'. const babyAnimal = {   cat:'Kitten',   cattle:'Calf',   cheetah:'Cub',   dog:'Pup' } return babyAnimal[animal.toLowerCase()] ?? "я не знаю это" Я думаю, что очень приятно использовать это везде, где это возможно. Есть мысли по этому поводу? #js