Условные операторы и циклы в JavaScript

Введение

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

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

if (если)

Условный оператор if позволяет выполнить определенный блок кода, если заданное условие истинно.

JavaScript
let age = 18;

if (age >= 18) {
  console.log("Вы совершеннолетний");
}

else (иначе)

Оператор else используется в паре с оператором if и выполняет определенные действия, если условие if ложно.Пример:

JavaScript
let age = 16;

if (age >= 18) {
  console.log("Вы совершеннолетний");
} else {
  console.log("Вы несовершеннолетний");
}

else if (иначе если)

Оператор else if позволяет проверить дополнительные условия, если предыдущие условия были ложными.

JavaScript
let time = 14;

if (time < 12) {
  console.log("Доброе утро");
} else if (time < 18) {
  console.log("Добрый день");
} else {
  console.log("Добрый вечер");
}

switch (переключатель)

Оператор switch позволяет выбирать различные варианты выполнения кода на основе значения переменной.Пример:

JavaScript
let day = "понедельник";

switch (day) {
  case "понедельник":
    console.log("Сегодня понедельник");
    break;
  case "вторник":
    console.log("Сегодня вторник");
    break;
  default:
    console.log("Сегодня не понедельник и не вторник");
}

Циклы

for (для)

Цикл for выполняет определенный блок кода заданное количество раз.

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

while (пока)

Цикл while выполняет определенный блок кода, пока заданное условие истинно.

JavaScript
let i = 0;

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

do while (делать пока)

Цикл do while выполняет определенный блок кода хотя бы один раз, а затем продолжает выполнять его, пока заданное условие истинно.

JavaScript
let i = 0;

do {
  console.log(i);
  i++;
} while (i < 5);

for…in (для…в)

Цикл for...in используется для перебора свойств объекта в цикле.

JavaScript
let person = {
  name: "John",
  age: 30,
  city: "New York"
};

for (let key in person) {
  console.log(key + ": " + person[key]);
}

for…of (для…из)

Цикл for...of используется для перебора элементов итерируемого объекта (например, массива или строки) в цикле.

JavaScript
let numbers = [1, 2, 3, 4, 5];

for (let number of numbers) {
  console.log(number);
}

Другие операторы

break (прервать)

Оператор break прерывает выполнение текущего цикла или оператора switch.

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

continue (продолжить)

Оператор continue пропускает оставшуюся часть текущей итерации цикла и переходит к следующей итерации.

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

Заключение

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


Опубликовано

в

от

JavaScript

Оптимизация и производительность JavaScript-приложений

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

HTML 5

Таблицы в HTML

Познакомьтесь с созданием таблиц в HTML. Узнайте, как создавать заголовки, строки и ячейки таблицы, как объединять ячейки и добавлять рамки.

HTML 5

Прогрессивное улучшение в HTML

Прогрессивное улучшение в HTML: Подход прогрессивного улучшения в HTML, создание веб-страниц, для всех уровней устройств и браузеров.

JavaScript

Отладка и тестирование JavaScript-кода

Узнайте о различных инструментах и методах отладки и тестирования JavaScript-кода для создания стабильных и безошибочных приложений.

СSS 3

Анимации на CSS

Изучите возможности CSS для создания анимаций и оживите свои веб-страницы.

React

Графические библиотеки в React

Изучите, как использовать графические библиотеки в React-приложениях для создания визуальных эффектов, диаграмм и графиков.

React

Интернационализация в React – i18n

Изучите, как реализовать интернационализацию в React-приложениях для поддержки многоязычных пользовательских интерфейсов.

HTML 5

Изображения в HTML

Узнайте, как добавлять изображения на веб-страницы с помощью тега . Изучите атрибуты, такие как src, alt и width, для управления изображениями.