Разбивка элементов массива

Введение

В этом практическом занятии мы изучим, как разбить на отдельные элементы массив, состоящий из нескольких массивов, с использованием JavaScript. Мы будем использовать комбинацию встроенных функций JavaScript, таких как reduce, map и forEach, чтобы извлечь отдельные массивы из одного массива, состоящего из нескольких массивов. В конце этого практического занятия вы глубоко освоите методы манипуляции массивами в JavaScript для получения требуемого результата.

Как разбить элементы массива в JavaScript

Чтобы разбить элементы массива, полученного с помощью функции zip, можно создать массив массивов с использованием функции unzip в JavaScript. Вот как:

1. Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
2. Используйте Math.max(), Function.prototype.apply() для получения самого длинного подмассива в массиве и Array.prototype.map(), чтобы каждый элемент стал массивом.
3. Используйте Array.prototype.reduce() и Array.prototype.forEach(), чтобы сопоставить сгруппированные значения отдельным массивам.

Вот код для функции unzip:

const unzip = (arr) =>
  arr.reduce(
    (acc, val) => (val.forEach((v, i) => acc[i].push(v)), acc),
    Array.from({
      length: Math.max(...arr.map((x) => x.length))
    }).map((x) => [])
  );

Вы можете использовать функцию unzip в следующих примерах:

unzip([
  ["a", 1, true],
  ["b", 2, false]
]); // [['a', 'b'], [1, 2], [true, false]]
unzip([
  ["a", 1, true],
  ["b", 2]
]); // [['a', 'b'], [1, 2], [true]]

Следуя этим шагам, вы можете легко разбить элементы массива в JavaScript.

Резюме

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