Освоение условных операторов и циклов в JavaScript

Практически все процедурные языки программирования содержат условные и итеративные операторы. Понимание того, как работают эти утверждения, необходимо для написания эффективных кодов JavaScript, независимо от опыта. В частности, они предлагают такие преимущества, как минимизация кода, необходимого для конкретных задач, и повышение удобства сопровождения за счет облегчения чтения кода.

В этой статье мы рассмотрим условные операторы и циклы, чтобы помочь вам понять, как они работают в JavaScript.

Условные операторы

Операторы if/else, возможно, являются наиболее распространенными условными операторами в JS. Они работают, оценивая выражение и выполняя блок кода, если выражение if истинно. И наоборот, если выражение ложно, выполняется код внутри блока else.

Ниже приведен пример оператора if/else, демонстрирующего эту функцию:

let x = 6;
if (x > 10) {
  console.log("x is greater than 10");
} else {
  console.log("x is less than or equal to 10");
}

Оператор if не будет выполняться в этом блоке кода, поскольку выражение x > 10 ложно. Вместо этого программа выполнит код внутри блока else, и на выходе будет “x is less than or equal to 10”.

Программисты также могут использовать несколько операторов if/else для выполнения более сложной логики.

Например:

let grade = 80;

if (grade >= 90) {
  console.log("A");
} else if (grade >= 80) {
  console.log("B");
} else if (grade >= 70) {
  console.log("C");
} else {
  console.log("F");
}if (grade >= 90) {
  console.log("A");
} else if (grade >= 80) {
  console.log("B");
} else if (grade >= 70) {
  console.log("C");
} else {
  console.log("F");
}

Здесь код оценивает значение переменной оценки и выводит буквенную оценку в зависимости от диапазона, в который она попадает.

Итерационные операторы (циклы)

В отличие от условных операторов, циклы используются для многократного выполнения блока кода. Операторы for и while являются наиболее часто используемыми циклами в JavaScript. Цикл for используется, когда известно, сколько раз должен выполняться блок кода.

Вот пример, чтобы показать это:

for (let i = 0; i < 5; i++) {
  console.log(i);
}

Этот код выполнится пять раз и выведет следующее:

0;
1;
2;
3;
4;

И наоборот, цикл while используется, когда неизвестно, сколько раз нужно выполнить блок кода, но нужно, чтобы он продолжал выполняться до тех пор, пока выполняется определенное условие. Например:

let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

В этом примере оператор while будет продолжать выполняться до тех пор, пока i < 5. Вывод будет аналогичен предыдущему примеру.

Заключение

Условные и итеративные операторы (циклы) — важные функции, которые вам необходимо будет использовать в JS. Они необходимы для минимизации объема кода, необходимого для конкретных задач, и повышения удобства его сопровождения за счет облегчения чтения. Если вы сможете освоить эти утверждения, вы станете более эффективным и действенным JS-программистом. Если у вас есть какие-либо вопросы или отзывы, поделитесь ими в разделе комментариев ниже.