Как развернуть массив js

Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
01 декабря 2021

Чтобы развернуть массив с вложенными массивами в плоский массив, можно воспользоваться методом flat():

const numbers1 = [1, 2, [3, 4]];
numbers1.flat(); // [1, 2, 3, 4]

// Метод принимает число указывающее глубину, на которую нужно обработать вложенные массивы 
const numbers2 = [1, 2, [3, 4, [5, 6]]];
numbers2.flat(2); // [1, 2, 3, 4, 5, 6]

// Можно передать Infinity, чтобы на полную глубину обработать массивы
const numbers3 = [1, 2, [3, 4, [5, 6, [7, 8, [9, 10]]]]];
numbers3.flat(Infinity); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
2 0
Аватар пользователя Виктория Аблаева
Виктория Аблаева
20 октября 2022

Напишем собственную функцию, которая разворачивает массив с любым уровнем вложенности:

const flatten = (array) => {
  let flatNums = [];
  const map = array
    .map((item) => // перебираем массив
Array.isArray(item) ? flatNums = [...flatNums, ...flatten(item)] : flatNums = [...flatNums, item]);
// => ловкость spread-оператора и никакого мошенничества
// если элемент массива не является массивом, отдаём его в массив flatNums в первозданном виде
// иначе передаём его повторно в нашу функцию, используя spread
  return flatNums;
}

const numbers = [1, [1], [[1, 2, [7], 8], 90], 6];
console.log(flatten(numbers)); // => [1, 1, 1, 2, 7, 8, 90, 6]

Массив распакован на все уровни вложенности.

1 0
Познакомьтесь с основами JavaScript бесплатно