Циклы Javascript


Цикл For

Циклы For используются для итерации по списку.

    for (var i = 0; i < 5; i++) {
        console.log(i);
    }
    // 0
    // 1
    // 2
    // 3
    // 4
Вход в полноэкранный режим Выход из полноэкранного режима

Цикл While

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

    let i = 1;
    while (i < 5) {
        console.log(i);
        i++;
    }
    // 1
    // 2
    // 3
    // 4
Войти в полноэкранный режим Выйти из полноэкранного режима

Цикл Do While

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

    let i = 1;
    do {
        console.log(i);
        i++;
    } while (i < 5);
    // 1
    // 2
    // 3
    // 4
Войти в полноэкранный режим Выйти из полноэкранного режима

Цикл For In

Циклы For in можно использовать для перебора свойств объекта.

    const array = [1, 2, 3, 4, 5];
    for (let i in array) {
        console.log(i);
    }
    // 0
    // 1
    // 2
    // 3
    // 4
Войти в полноэкранный режим Выйти из полноэкранного режима

For Of Loop

Цикл For of используется для перебора итерируемых объектов, таких как массивы и строки.

    const array = [1, 2, 3, 4, 5];
    for (let i of array) {
        console.log(i);
    }
    // 1
    // 2
    // 3
    // 4
    // 5
Войти в полноэкранный режим Выйти из полноэкранного режима

Цикл For Each

Обход массива или объекта.

    const array = [1, 2, 3, 4, 5];
    array.forEach((element) => {
        console.log(element);
    })
    // 1
    // 2
    // 3
    // 4
    // 5
Войти в полноэкранный режим Выход из полноэкранного режима

Цикл карты

Циклы карты используются для итерации по массивам и объектам.

    const array = [1, 2, 3, 4, 5];
    const newArray = array.map((element) => {
        return element * 2;
    }
    console.log(newArray);
    // [2, 4, 6, 8, 10]
Войти в полноэкранный режим Выход из полноэкранного режима

Цикл фильтрации

Возвращает новый массив со всеми элементами, которые прошли тест, реализованный предоставленной функцией.

    const array = [1, 2, 3, 4, 5];
    const newArray = array.filter((element) => {
        return element > 2;
    }
    console.log(newArray);
    // [3, 4, 5]
Войти в полноэкранный режим Выйти из полноэкранного режима

Цикл уменьшения

Reduce – это цикл, который берет массив и уменьшает его до одного значения.

    const array = [1, 2, 3, 4, 5];
    const newArray = array.reduce((acc, element) => {
        return acc + element;
    }
    console.log(newArray);
    // 15
Войти в полноэкранный режим Выйти из полноэкранного режима

Цикл Find

Возвращает первый элемент массива, удовлетворяющий заданной функции проверки.

    const array = [1, 2, 3, 4, 5];
    const newArray = array.find((element) => {
        return element > 2;
    }
    console.log(newArray);
    // 3
Войти в полноэкранный режим Выйти из полноэкранного режима

Цикл “Найти индекс

Возвращает индекс первого элемента в массиве, который удовлетворяет заданной функции проверки.

    const array = [1, 2, 3, 4, 5];
    const newArray = array.findIndex((element) => {
        return element > 2;
    }
    console.log(newArray);
    // 2
Войти в полноэкранный режим Выйти из полноэкранного режима

Каждый цикл

Возвращает true, если все элементы в массиве прошли тест. Или false, если любой элемент массива не прошел тест.

    const array = [1, 2, 3, 4, 5];
    const newArray = array.every((element) => {
        return element > 2;
    }
    console.log(newArray);
    // false
Войти в полноэкранный режим Выход из полноэкранного режима

Некоторый цикл

Возвращает true, если любой элемент в массиве прошел тест. Или false, если все элементы массива не прошли тест.

    const array = [1, 2, 3, 4, 5];
    const newArray = array.some((element) => {
        return element > 2;
    }
    console.log(newArray);
    // true
Войти в полноэкранный режим Выход из полноэкранного режима

Оцените статью
Procodings.ru
Добавить комментарий