通过ES6解决数组扁平化

灰海

已于 2023-07-17 14:54:31 修改

阅读量387

点赞数

CC 4.0 BY-SA版权

于 2023-03-07 15:18:01 首次发布

本文链接：https://blog.csdn.net/weixin_44149821/article/details/129382831

文章介绍了两种在JavaScript中将多维数组展平为一维数组的方法：一种是自定义flatten函数，通过循环和concat方法实现；另一种是使用数组的flat方法，配合Infinity参数达到相同效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常规操作

let arr = [1, [2, [3, 4，5]]];
function flatten(arr) {
    while (arr.some(item => Array.isArray(item))) {
        arr = [].concat(...arr);
    }
    return arr;
}
console.log(flatten(arr))// [1, 2, 3, 4，5]

骚操作

let arr = [1, [2, [3, 4]]]; 
console.log(arr.flat(Infinity)); // [1, 2, 3, 4，5]

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

灰海

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript之数组扁平化详解

10-16

文章也提到了ES6新增的扩展运算符（...），它可以取出参数对象的所有可遍历属性并拷贝到当前对象中，但在数组扁平化的场景中，扩展运算符只能将数组扁平化一层。如果需要完全扁平化，还需要结合其他方法。最后，...

js代码-数组扁平化及去重方法

07-15

在JavaScript中，数组扁平化和去重是两种常见的数据处理操作，对于处理嵌套数组或确保数组元素的独特性非常有用。在这个主题中，我们将深入探讨这两种方法，并提供相关的实现代码。 **一、数组扁平化** 数组扁平化...

参与评论您还未登录，请先登录后发表或查看评论

es6之数组的flat()，flatMap()

热门推荐

qq_29055201的博客

01-17

6万+

数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响。 [1, 2, [3, 4]].flat() // [1, 2, 3, 4] 上面代码中，原数组的成员里面有一个数组，flat()方法将子数组的成员取出来，添加在原来的位置。 flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将f...

数组扁平化（es6）

qq_47997447的博客

08-02

558

数组扁平化

weixin_51658623的博客

02-17

134

数组扁平化的一些方法

ES6（数组扁平化、字符串、let、const、解构赋值、闭包函数）

m0_66970189的博客

06-16

619

将多维数组转化为单层数组数组先转字符串再转数组数组转JSON字符串，保留原数据格式封装函数，利用some循环查找是否包含数组字符串模板字符串用 `` 包起来，可以解析变量、方法，变量或者方法要用${}包起来字符串的方法 startswith(string) 查看参数字符串是否在原字符串的开头，返回true/false endswith(string) 查看参数字符串是否在原字符串的末尾，返回true/false repeat（n）字符串重复n次 let、const let 声

Es6数组扁平化

zwdkkk的博客

11-10

111

将多维数组变为一维数组。

js代码-//已知如下数组： //编写一个程序将数组扁平化去并除其中重复部分数据，最终得到一个升序且不重复的数组

07-16

本篇文章将详细讲解如何通过JavaScript实现这个功能，并创建一个能够将数组扁平化、去重并排序的程序。首先，我们要理解数组扁平化的概念。数组扁平化是指将一个多维数组（即包含数组的数组）转化为一维数组的过程...

javscript 数组扁平化的实现

10-15

在JavaScript开发中，数组扁平化是一个常见的操作，用于将嵌套的数组转换成一个没有嵌套的、单一维度的数组。这个操作在处理某些数据结构时非常有用，例如，当你需要从多层级的数据结构中提取信息时。本文将介绍几种...

ES6 flat 与数组扁平化

无

04-10

5144

前言 flat 用于将多维数组拉平（扁平化），不影响原数组，返回新的数组。 [1, 2, [3, [4]]].flat() // [1, 2, 3, [4]] 仅有一个参数depth，用于指定拉平的深度，默认值为1。若depth指定为非正数，将返回原数组，指定为Infinity，无论多少层都将扁平化为一维数组。 [1, 2, [3, [4]]].flat(2) // [1, 2, 3, 4] [1, 2, [3, [4]]].flat(0) // [1, 2, [3, [4]]] [1, 2, .

es6 flat() flatMap()平铺数组

lln_1211的博客

08-04

2374

es6 flat() flatMap()平铺数组 1.Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响 const a = [1,2,[5,3],['a','b']] cosnt b = a.flat() // [1,2,5,3,'a','b'] 2.可以传参数平铺几维数组如果不知道是多少层可以传Infinity const c = [1,2,['a','b','c'],[2,['e','r']]] const d =

扁平化数组es6(ES6之数字flat、flatMap)

weixin_46472377的博客

01-06

818

我们都知道当面对一些多维数组转化成一维数组的时候都比较麻烦，但es6的flat方法就会帮我们节约很多时间，而且对原数据也不会有影响。 [1, 2, 3, 4, [5], 6].flat() // [1, 2, 3, 4, 5, 6] 在上面代码中，原数组的成员里面有一个数组，flat()方法将子数组的成员取出来，添加在原来的位置。 flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将flat()方法的参数写成一个整数，表示想要拉平的层数，默认为1 [1, 2, 3, [4, [5]],6

JS实现数组的扁平化(ES6实现)----例子+难点解析

CaptainDrake的博客

08-27

744

ES6实现: some与…与concat

6种方式实现数组扁平化

qq_44704740的博客

07-12

1565

概念将多维数组变成一维数组的过程 [1, [2, 3, [4, 5]]] ------> [1, 2, 3, 4, 5] 实现方式 1. ES6的Generator 函数无视数据类型 function *flatten(arr) { for (const item of arr) { if (Array.isArray(item)) { yield *flatten(item) } else { yield item } } } const

使用es6中的flat方法秒数组扁平化

最新发布

weixin_62936589的博客

03-25

274

是对数组的一种操作，定义是将原数组部分或全部子数组删除，并替换为该子数组中的实际元素。第一层数组中元素的深度被认为是 0。如果没有ｎ的限制，arr.flat（）里是Infinity（无限），即 return arr.flat(Infinity)这道题目的解决方法很多，可以使用reduce或者递归等思想，这里我们主要了解es中的flat方法，方法的原理是遍历原数组，对于每个元素，如果它是一个数组，就按照指定的深度递归地调用。如果它不是数组，就直接将其包含在新数组中。arr 和它的深度 n ，并返回该数组的。

数组扁平化的处理

咖啡壶的博客

03-04

1731

第一种：使用 es6中的flat方法 const arr = [1,[2,[3,[4,5]]],6] // 方法一：数组自带的扁平化方法,flat的参数代表的是需要展开几层，如果是Infinity的话，就是嵌套几层，全部都展开 console.log(arr.flat(Infinity)) 第二种：使用正则表达式 const arr = [1,[2,[3,[4,5]]],6] function flatten(arr) { // 使用正则表达式匹配字符，并替换 let arr1 = JS

ES6实现数组扁平化去重并排序

Academia_zhen的博客

09-19

817

数组扁平化去重 var arr = [ [1, 2, 2], [3, 4, 5, 5,6], [6, 7, 8, 9, [11, 12, [12, 13, [14],15]]], 10 ]; var result = Array.from(new Set(arr.flat(Infinity))).sort((a, b) => { return a - b ...

ES6数组方法扁平化数组去重

MyGodAdmin的博客

12-08

580

let arr = [[1,2,2],[3,4,5,5],[6,7,8,9,[11,12,[12,13,[14]]]],10] function del(arr){ let newArr = arr.flat(Infinity) return [...new Set(newArr)] } console.log(del(arr))

2018-6-21_《ES6数组扁平化函数》

weixin_30369041的博客

06-21

158

const flattenArray = arr => { const flattened = [].concat(...arr); return flattened.some(v => Array.isArray(v))?flattenArray(flattened):flattened; } const arr = [1,[2,3,[3.1...