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

Аватар пользователя Виктория Аблаева
Виктория Аблаева
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]

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

0 0
Аватар пользователя 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]
0 0
Основы Frontend за 14 дней
  • 72 урока в онлайн-тренажере
  • 4 живых вебинара и масскодинг
  • Помощь наставника на весь период обучения

Есть что добавить? Зарегистрируйтесь

или войдите в аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Курсы по программированию на Хекслете

Backend-разработка

Разработка серверной части сайтов и веб-приложений

Frontend-разработка

Разработка внешнего интерфейса сайтов и веб-приложений и верстка

Создание сайтов

Разработка сайтов и веб-приложений на JS, Python, Java, PHP и Ruby on Rails

Тестирование

Ручное тестирование и автоматизированное тестирование на JS, Python, Java и PHP

Аналитика данных

Сбор, анализ и интерпретация данных на Python

Интенсивные курсы

Интенсивное обучение для продолжающих

DevOps

Автоматизация настройки локального окружения и серверов, развертывания и деплоя

Веб-разработка

Разработка, верстка и деплой сайтов и веб-приложений, трудоустройство для разработчиков

Математика для программистов

Обучение разделам математики, которые будут полезны при изучении программирования

JavaScript

Разработка сайтов и веб-приложений и автоматизированное тестирование на JS

Python

Веб-разработка, автоматическое тестирование и аналитика данных на Python

Java

Веб-разработка и автоматическое тестирование на Java

PHP

Веб-разработка и автоматическое тестирование на PHP

Ruby

Разработка сайтов и веб-приложений на Ruby on Rails

Go

Курсы по веб-разработке на языке Go

HTML

Современная верстка с помощью HTML и CSS

SQL

Проектирование базы данных, выполнение SQL-запросов и изучение реляционных СУБД

Git

Система управления версиями Git, регулярные выражения и основы командой строки