Массивы — это важная структура данных в JavaScript, позволяющая хранить коллекции значений и манипулировать ими. В этой статье блога мы рассмотрим различные методы создания и заполнения двумерного массива с помощью JavaScript. Мы будем использовать разговорный язык и приведем примеры кода, чтобы вам было легче понять концепции. Итак, начнём!

Метод 1: использование вложенных циклов
Один из самых простых способов создания и заполнения двумерного массива — использование вложенных циклов. Вот пример:

const rows = 3;
const columns = 4;
const matrix = [];
for (let i = 0; i < rows; i++) {
  matrix[i] = [];
  for (let j = 0; j < columns; j++) {
    matrix[i][j] = i + j;
  }
}
console.log(matrix);

Метод 2: использование Array.from()
Метод Array.from()позволяет создать новый массив из итерируемого объекта. Вы можете использовать его для создания 2D-массива, указав функцию карты. Вот пример:

const rows = 3;
const columns = 4;
const matrix = Array.from({ length: rows }, () => Array.from({ length: columns }, () => 0));
console.log(matrix);

Метод 3: использование Array.fill()
Метод Array.fill()позволяет заполнить все элементы массива статическим значением. Вы можете объединить его с Array.map(), чтобы создать двумерный массив с предопределенными значениями. Вот пример:

const rows = 3;
const columns = 4;
const defaultValue = 0;
const matrix = Array.from({ length: rows }, () => Array(columns).fill(defaultValue));
console.log(matrix);

Метод 4: использование Array.map()
Метод Array.map()применяет функцию к каждому элементу массива и возвращает новый массив. Вы можете использовать его для создания двумерного массива путем сопоставления массива индексов. Вот пример:

const rows = 3;
const columns = 4;
const matrix = Array.from({ length: rows }, (_, i) => Array.from({ length: columns }, (_, j) => i + j));
console.log(matrix);

Метод 5: использование Array.prototype.reduce()
Метод Array.prototype.reduce()уменьшает массив до одного значения, выполняя функцию редуктора. Вы можете использовать его для создания двумерного массива путем сокращения массива строк. Вот пример:

const rows = 3;
const columns = 4;
const matrix = Array.from({ length: rows }).reduce((acc, _, i) => {
  acc[i] = Array.from({ length: columns }, (_, j) => i + j);
  return acc;
}, []);
console.log(matrix);

В этой статье мы рассмотрели различные методы создания и заполнения двумерного массива в JavaScript. Мы рассмотрели методы использования вложенных циклов: Array.from(), Array.fill(), Array.map()и Array.prototype.reduce(). Каждый метод имеет свои преимущества и варианты использования, поэтому выберите тот, который лучше всего соответствует вашим требованиям. Поэкспериментируйте с этими методами и улучшите свои навыки работы с JavaScript!