数组扁平化.flat(Infinity)

最新推荐文章于 2023-06-02 09:16:21 发布
最新推荐文章于 2023-06-02 09:16:21 发布
阅读量1.7k 收藏 6
点赞数
分类专栏： js 文章标签： 大数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jieweiwujie/article/details/125847880
版权
本文介绍了JavaScript中的数组扁平化方法`flat`，该方法用于将多维数组转换为一维或指定深度的数组。通过示例展示了`flat`方法的基本用法，包括默认深度1和自定义深度的使用，以及`Infinity`作为深度参数时完全扁平化数组的效果。了解这一方法对于处理复杂数据结构和优化数组操作至关重要。
摘要由CSDN通过智能技术生成 

数组扁平化

 flat 用于将多维数组拉平（扁平化），不影响原数组，返回新的数组。

[1, 2, [3, [4]]].flat() // [1, 2, 3, [4]]
1
  仅有一个参数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, [3, [4]]].flat(Infinity) // [1, 2, 3, 4]
 

前端小云儿
关注
专栏目录
五种方式实现数组的扁平化
马小兜要努力呀
07-17 323
五种方式实现数组的扁平化 数组的扁平化就是将一个多维数组变成一个一维数组 [1,2,[3,4,[5,6]]]------>[1,2,3,4,5,6] 方式一：reduce+递归 reduce()方法+遍历 思路： 遍历数组的每一项，若值为数组则递归遍历，否则concat function flatten(arr) { return arr.reduce((result,item)=>{ return result.concat(Array.isArray(item)?f
JS: 通过.from()、.flat()、.sort()和Set对象实现数组的扁平化去重与排序
JethroLiu的博客
07-21 1192
Array.prototype.from() 格式如下 Array.from(obj, mapFn, thisArg); 此方法用于通过拥有length属性的类数组对象或可迭代的对象来返回一个数组。 第一个参数obj 传入要转换为数组的对象，此参数为必须参数，没有传入会报错。我们传入一个类数组对象来举例 let obj = { "0": "Jethro", "1": 18, "2": "man", length: 3, } let res = Array.from(); co
ES6之数组的flat(Infinity)扁平化，实现多维数组转成一维数组
GuAng
12-28 832
let arr= [1,2,[[3,4],[5,6]]] console.log(arr.flat(Infinity)); // [ 1, 2, 3, 4, 5, 6 ] console.log(arr.flat()); // [ 1, 2, [3,4],[5,6] ] console.log(arr.flat(1)); // [ 1, 2, [3,4],[5,6] ] console.log(arr.flat(2)); // [ 1, 2, 3, 4, 5, 6 ]
数组flat(Infinity)扁平化，实现多维数组深度解析为一个新数组
最新发布
文龙刚的博客
06-02 486
【代码】数组flat(Infinity)扁平化，实现多维数组深度解析为一个新数组。
js ES6之数组的flat(Infinity)扁平化，可以实现多维数组转成一维数组
MYuanFang的博客
09-19 7613
var arr1 = [1, 2, [3, 4]]; arr1.flat(); // [1, 2, 3, 4] var arr2 = [1, 2, [3, 4, [5, 6]]]; arr2.flat(); // [1, 2, 3, 4, [5, 6]] var arr3 = [1, 2, [3, 4, [5, 6]]]; arr3.flat(2); // [1, 2, 3, 4, 5, ...
数组嵌套解开层数数组扁平化.flat(Infinity)
JackChan
12-16 204
数组解层
JS数组扁平化(flat)方法总结详解
12-01
arr_flat = arr.flat(Infinity); 第一种处理 ary = str.replace(/(\[\]))/g, '').split(','); 第二种处理 str = str.replace(/(\[\]))/g, ''); str = '[' + str + ']'; ary = JSON.parse(str); 第三种处理：递归...
你不知道的JavaScript数组扁平化五种方法
01-08
在JavaScript编程中，数组扁平化是一个常见的操作，特别是在处理多层级嵌套的数据结构时，如评论系统的数据。数组扁平化就是将一个多维数组转换为一个单一的一维数组。以下是一些JavaScript实现数组扁平化的有效方法...
js代码-数组扁平化包含递归，flat，toString map
07-14
本篇将深入探讨三种实现数组扁平化的技术：递归、`Array.prototype.flat()`以及结合`Array.prototype.toString()`与`Array.prototype.map()`。 ### 1. 递归方法 递归是一种自调用的函数方法，通过在函数内部调用...
JavaScript Array.flat()函数用法解析
10-14
主要介绍了JavaScript Array.flat()函数用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
6.数组ES6新增：①数组遍历forEach，filter，every，some，map②判断数组是否包含某个值indexOf，includes等③数组扁平化.flat(Infinity)
lazylYYY的博客
08-03 802
一：数组的创建 二：排序：
es6之数组的flat()，flatMap()
热门推荐
qq_29055201的博客
01-17 6万+
数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响。 [1, 2, [3, 4]].flat() // [1, 2, 3, 4] 上面代码中，原数组的成员里面有一个数组，flat()方法将子数组的成员取出来，添加在原来的位置。 flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将f...
flat 的用法
小白笔记本
12-11 3359
flat 的用法代码示例输出结果 看到一个flat()用法，之前都没看见过，记录下。 参考网站 : link. 代码示例 let arr1 = [1,2,['a','b',['中','文',[1,2,3,[11,21,31]]]],3]; //使用 Infinity，可展开任意深度的嵌套数组 console.log( arr1.flat( Infinity ) ); let arr2 = [1,2,{x:1,y:2},3];
数组扁平化(flat)常用实现方法
weixin_41848005的博客
09-20 497
通过some来判断数组中是否有数组,通过while不断循环执行判断, 如果是数组的话可以使用 展开。... 每次只能展开最外层的数组,加上。
数组扁平化flat方法的多种实现
qq_38633497的博客
03-08 340
数组扁平化flat方法的多种实现
数组的flat方法【Array.prototype.flat()】
杜鲁阳的博客
10-12 7224
数组的flat方法【Array.prototype.flat()】 一、 概念   flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 二、语法结构 var newArray = arr.flat([depth]) 参数depth： 指定要提取嵌套数组的结构深度，默认值为 1。 返回值： 一个包含将数组与子数组中所有元素的新数组。 ...
数组扁平化的几种实现方式
weixin_52507995的博客
09-27 273
使用reduce函数遍历数组，reduce方法第一个参数为最后累加的结果，第二个参数为遍历的当前项，对迭代到的当前项进行正则判断，分两种情况，当检测到的是普通项，则用concat添加进prev中，当是数组时，对该项执行扁平函数继续进行迭代。使用一个while循环遍历数组，利用some方法将数组中的数组项过滤出来，利用ES6展开运算符，将其拼接进原数组。遍历过程中，遇到是数组的项，继续调用扁平函数对其进行迭代，直到最后不是数组的一层，将数值添加进res数组中。数组扁平化是指将一个多维数组转化为一维的数组。
扁平化数组 Array.prototype.flat()
goutinga的博客
10-12 842
const animals = ["????", ["????", "????"], ["????", ["????", ["????"]], "????"]]; // 不传参数时，默认“拉平”一层 animals.flat(); // ["????", "????", "????", "????", ["????", ["????"]], "????"] // 传入一个整数参数，整数即“拉平”的层数 animals.flat(2); // ["????", "????", "????", "????"
js数组扁平化
05-31
JavaScript中可以使用递归或Array.prototype.flat()方法来实现数组扁平化。 递归的实现方式如下： ```javascript function flatten(arr) { let result = []; for(let i = 0; i < arr.length; i++) { if(Array.isArray(arr[i])) { result = result.concat(flatten(arr[i])); } else { result.push(arr[i]); } } return result; } ``` 使用Array.prototype.flat()方法实现方式如下： ```javascript let arr = [1, 2, [3, 4], [5, [6, 7]]]; let flattenedArr = arr.flat(Infinity); console.log(flattenedArr); // [1, 2, 3, 4, 5, 6, 7] ``` 在上述代码中，使用了Infinity作为参数，确保了扁平化的深度无限。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小云儿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值