Kenan Karakashliцитирует10 дней назад
Практическое занятие 5.4
В этом упражнении мы создадим таблицу значений. Используем циклы для формирования строк, а также столбцов, которые будут вложены в строки. Вложенные циклы могут быть использованы для представления строк в таб­лице. Это обычная структура для электронных таблиц, где каждая строка представляет собой вложенный массив внутри таблицы, а содержимое этих строк — это ячейки таблицы. Поскольку мы создаем равное количество ячеек в каждой строке, столбцы будут выровнены.

Чтобы реализовать генератор таблиц, сначала создайте пустой массив myTable для хранения данных таблицы.
Задайте значения переменных для количества строк и столбцов — это позволит осуществлять динамический контроль за их количеством. Отделение значений от основного кода облегчает изменение параметров таблицы.
Задайте переменную-счетчик counter с начальным значением 0. Счетчик будет использоваться для установки содержимого и подсчета значений ячеек в таблице.
Создайте цикл for с условиями, чтобы задать количество итераций и построить каждую строку таблицы. Внутри него создайте новый временный массив (TempTable) для хранения каждой строки данных. Столбцы будут вложены в строки, создавая таким образом каждую ячейку конкретного столбца.
Вложите второй цикл в первый, чтобы подсчитать столбцы. Столбцы формируются в цикле строк, чтобы их количество в таблице получилось одинаковым.
Увеличивайте основной счетчик на каждой итерации внутреннего цикла, чтобы отслеживать общее количество ячеек и количество созданных ячеек.
Перенесите значения счетчика во временный массив tempTable. Поскольку массив, представляющий таблицу, является вложенным, значения счетчика также можно использовать для отображения значений соседних ячеек в таблице. Хотя это отдельные массивы, представляющие новые строки, счетчик покажет общую последовательность ячеек в итоговой таблице.
Переместите временный массив в основную таблицу. По мере того как каждая итерация создает новую строку элементов массива, основная таблица в массиве будет продолжать увеличиваться.
Выведите результат на экран с помощью console.table(myTable). Этот метод даст визуальное представление структуры таблицы
  • Персиваль Р.,Свекис Л.,ван Путтен М.
    JavaScript с нуля до профи
    • 636
    • 210
    • 1
    • 6
  • Войти или зарегистрироваться, чтобы комментировать