Как прописать два цикла в js

Аватар пользователя Кирилл Маркеев
Кирилл Маркеев
31 октября 2022

Цикл, который находится внутри другого цикла, называется вложенным циклом. Работают они следующим образом: на каждой итерации первого цикла (внешнего) управление передается вложенному циклу, который отрабатывает полностью, после чего осуществляется переход к следующей итерации внешнего цикла и так далее до окончания работы внешнего цикла.

Вложенные циклы используются, например, для работы с вложенными массивами, когда нам внутри одного массива нужно создать несколько других. Предположим, мы хотим получить квадратную матрицу размером 3х3, заполненную числами от 1 до 9:

// создаем будущую матрицу
const matrix = [];
// задаем переменную, которой будем заполнять матрицу
let num = 1;
// инициализируем внешней цикл
for (let i = 0; i < 3; i += 1) {
  // на каждой итерации внешнего цикла создаем пустой вложенный массив (строку матрицы)
  matrix[i] = [];
  // инициализируем вложенный цикл, на каждом шаге которого заполняем числами строку матрицы
  for (let j = 0; j < 3; j += 1) {
    matrix[i].push(num);
    // увеличиваем значение переменной
    num += 1;
  }
}

console.log(matrix); // => [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
1 0
Аватар пользователя Maksim Litvinov
Maksim Litvinov
21 октября 2021

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

for (let i = 1; i <= 3; i += 1) {
  for (let j = 1; j <= 3; j += 1) {
    console.log(i);
  }
}

// => 111222333
1 0
Основы Frontend за 14 дней
  • 72 урока в онлайн-тренажере
  • 4 живых вебинара и масскодинг
  • Помощь наставника на весь период обучения

Есть что добавить? Зарегистрируйтесь

или войдите в аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Курсы по программированию в Хекслете

Backend-разработка

Разработка серверной части сайтов и веб-приложений

Frontend-разработка

Разработка внешнего интерфейса сайтов и веб-приложений и верстка

Создание сайтов

Разработка сайтов и веб-приложений на JS, Python, Java, PHP и Ruby on Rails

Тестирование

Ручное тестирование и автоматизированное тестирование на JS, Python, Java и PHP

Аналитика данных

Сбор, анализ и интерпретация данных на Python

Интенсивные курсы

Интенсивное обучение для продолжающих

DevOps

Автоматизация настройки локального окружения и серверов, развертывания и деплоя

Веб-разработка

Разработка, верстка и деплой сайтов и веб-приложений, трудоустройство для разработчиков

Математика для программистов

Обучение разделам математики, которые будут полезны при изучении программирования

JavaScript

Разработка сайтов и веб-приложений и автоматизированное тестирование на JS

Python

Веб-разработка, автоматическое тестирование и аналитика данных на Python

Java

Веб-разработка и автоматическое тестирование на Java

PHP

Веб-разработка и автоматическое тестирование на PHP

Ruby

Разработка сайтов и веб-приложений на Ruby on Rails

Go

Курсы по веб-разработке на языке Go

HTML

Современная верстка с помощью HTML и CSS

SQL

Проектирование базы данных, выполнение SQL-запросов и изучение реляционных СУБД

Git

Система управления версиями Git, регулярные выражения и основы командой строки

Похожие вопросы