Использование условий

Javascript — фантастический язык программирования, который позволяет вывести взаимодействие с пользователем на новый уровень. Один из многих способов добиться этого — использовать условные операторы. Как и во многих примерах из жизни, способность задавать условия, которые должны быть соблюдены для выполнения определенных действий в наших программах, незаменима. Их можно использовать для создания еще более крупных функций взаимодействия с пользователем, таких как проверка данных и навигация по программе.

Условные предложения — это актив

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

const switchPosition = ?;
let lightOn = ?;

Условием для этого будет положение выключателя освещения (например, включен ли свет). Таким образом, чтобы настроить это условие, мы можем использовать несколько разных методов. Один из методов — это обычный оператор if/else.

const switchPosition = 'on';
let lightOn = undefined;

if (switchPosition === 'on') {
  lightOn = true;
} else {
  lightOn = false;
}

console.log(lightOn); // consoles true

Этот метод можно даже переписать, чтобы сделать его более простым и понятным, уменьшив количество необходимых строк кода. В этой перезаписи мы используем вопросительный знак (?) в конце нашего условия и двоеточие (:) для разделения наших выходных данных на основе условия. Как и в приведенном ниже примере, мы используем левую сторону для хранения нашего вывода, если условие выполнено, и правую для вывода, когда условие НЕ выполняется.

const switchPosition = 'off';
let lightOn = undefined;

switchPosition === 'on' ? true : false;

console.log(lightOn); // consoles false

Следует отметить, что эта перезапись лучше всего работает в условиях, когда есть только два желаемых вывода (истина/ложь) в зависимости от условия.

Несколько условных опций

В случаях нескольких условных опций мы можем использовать другой метод для условных операторов. Этот метод является оператором for/else if. Как и оператор for/else, он устанавливает условия, которые должны быть выполнены для запуска определенных кодов. В отличие от оператора for/else, это дает нам возможность использовать более одного условия для управления тем, как мы хотим, чтобы наш код работал и выполнялся.

const currentNumber = 1;
let currentString = ""

if (currentNumber === 1) {
  currentString = "One";
} else if (currentNumber === 2) {
  currentString = "Two";
} 

console.log(currentString); // consoles One

В приведенном выше примере мы устанавливаем оператор if/else if, добавляя второе условие после первого оператора if. Как и выше, операторы if/else if не обязательно должны заканчиваться результирующим оператором else. Тем не менее, это здорово иметь результат else для случаев, когда условие может выходить за указанные условия.

const currentNumber = 5;
let currentString = ""

if (currentNumber === 1) {
  currentString = "One";
} else if (currentNumber === 2) {
  currentString = "Two";
} else {
  currentString = "Outside of conditions set";
}

console.log(currentString); // consoles Outside of conditions set

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

const currentNumber = 2;
let currentString = ""

if (currentNumber === 1) currentString = "One";
else if (currentNumber === 2) currentString = "Two";
else {
  currentString = "Outside of conditions set";
  console.log("More than one line of code")
}

console.log(currentString); // consoles Two

Краткое содержание

В целом использование условных операторов, таких как операторы if/else и if/else if, может вывести ваш код javascript на новый уровень. Это позволит вам контролировать свой код на основе определенных заданных условий. Он масштабируется до более чем одного условия, что позволяет использовать несколько вариантов вывода на основе одной переменной.

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