Манипуляции с массивами в JavaScript: создание таблицы с дочерними массивами

Вот пример кода JavaScript для создания массива xс тремя дочерними массивами, где каждый дочерний элемент представляет строку таблицы:

const x = [
  ['John', 'Doe', 30],
  ['Jane', 'Smith', 25],
  ['Bob', 'Johnson', 35]
];

В этом примере x— это массив, содержащий три дочерних массива. Каждый дочерний массив представляет собой строку таблицы и содержит элементы, связанные с человеком, например его имя, фамилию и возраст.

Теперь давайте рассмотрим некоторые часто используемые методы работы с массивами в JavaScript:

  1. push(): добавляет один или несколько элементов в конец массива.

    x.push(['Alice', 'Brown', 27]);
  2. pop(): удаляет последний элемент из массива и возвращает этот элемент.

    const lastRow = x.pop();
    console.log(lastRow); // Output: ['Alice', 'Brown', 27]
  3. concat(): объединяет два или более массива и возвращает новый массив.

    const y = [['Mike', 'Davis', 40], ['Emily', 'Wilson', 32]];
    const mergedArray = x.concat(y);
    console.log(mergedArray);
  4. slice(): извлекает часть массива и возвращает новый массив.

    const slicedArray = x.slice(1, 3);
    console.log(slicedArray); // Output: [['Jane', 'Smith', 25], ['Bob', 'Johnson', 35]]
  5. forEach(): выполняет предоставленную функцию один раз для каждого элемента массива.

    x.forEach(row => console.log(row));
  6. filter(): создает новый массив со всеми элементами, прошедшими проверку.

    const filteredArray = x.filter(row => row[2] > 30);
    console.log(filteredArray);
  7. map(): создает новый массив, выполняя функцию над каждым элементом массива.

    const mappedArray = x.map(row => row[0]);
    console.log(mappedArray); // Output: ['John', 'Jane', 'Bob']