Array.prototype.flat()实现数组降维(拍平)

最新推荐文章于 2023-01-03 17:51:43 发布
最新推荐文章于 2023-01-03 17:51:43 发布
阅读量283 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Suk__/article/details/114195920
版权

Array.prototype.flat

首先看MDN对他的解释:

也就是说遍历出所有子数组然后合并成一个,也就是数组降维

/**
 * flat(降维的维度) 参数就是要降维几层,不传默认就是1,也就是说会少嵌套一层,如果传入2,下面这个数组就直接拍平了
 */
const arr = [8, [5, 9, 4], 1, 3, [7, 5, 10, [3, 4, 6, 2]], 4, 3, 2, 4]
console.log(arr.flat()) // [ 8, 5, 9, 4, 1, 3, 7, 5, 10, [ 3, 4, 6, 2 ], 4, 3, 2, 4 ]
// 如果嵌套的很深,直接参数传入无穷大,那么不管嵌套的多深的数组 直接给它拍平
console.log(arr.flat(Infinity)) // [ 8, 5, 9, 4, 1, 3, 7, 5, 10, 3, 4, 6, 2, 4, 3, 2, 4 ]

 

williamyi74
关注
专栏目录
js数组的扩展------8种多维数组降维的方法
weixin_44562686的博客
12-15 1066
1、数组字符串化 let arr = [[123456], [333], 789] arr += '' arr = arr.split(',') console.log(arr) 2、递归 function demo(arr) { var newArr = [] for (var i = 0; i < arr.length; i++) { if (Array.isArray(arr[i])) { // 如果是数组，调用递归函数 dimension 将其
js代码-js 中的数组降维
07-16
首先，我们可以使用`Array.prototype.flat()`方法来实现数组降维。此方法会将数组中的所有子数组展开，形成一个新的单一数组。例如： ```javascript let arr = [[1, 2], [3, 4], [5, 6]]; let flattenedArr = arr....
js最全的数组的降维5种办法(小结)
11-21
业务开发中，二维数组、多维数组转为一维数组这种需求是少不了的，有些多维数组里面可能嵌套会更深，数组降维就是来解决此问题的 1、数组字符串化 let arr = [[222, 333, 444], [55, 66, 77], {a: 1} ] arr += ''; arr = arr.split(','); console.log(arr); // ["222", "333", "444", "55", "66", "77", "[object Object]"] 所有的元素会转换为字符串，且元素为对象类型会被转换为 “[object Object]” ，对于同一种类型数字或字符串还是可以的。
数组的flat方法【Array.prototype.flat()】
杜鲁阳的博客
10-12 7233
数组的flat方法【Array.prototype.flat()】 一、 概念   flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 二、语法结构 var newArray = arr.flat([depth]) 参数depth： 指定要提取嵌套数组的结构深度，默认值为 1。 返回值： 一个包含将数组与子数组中所有元素的新数组。 ...
Array.prototype.flat() (扁平化数组 )
imkaifan的博客
02-02 695
扁平化数组 Array.prototype.flat方法使用方法总结代码示例 使用方法总结 1. Array.prototype.flat() 用于将嵌套的数组“拉平”，变成一维的数组。该方法返回一个新数组，对原数据没有影响。 2. 不传参数时，默认“拉平”一层，可以传入一个整数，表示想要“拉平”的层数。 3. 传入 参数<=0 的整数将返回原数组，不“拉平”。 4. Infinity 关键字作为参数时，无论多少层嵌套，都会转为一维数组。 5. 如果原数组有空位，Array.prototype.fla
js 数组降维
程序员
07-02 412
let result = [] function ok(arr) { arr.forEach(function (item) { if (Object.prototype.toString.call(item)==="[object Array]") { ok(item) }else { result.push...
Array​.prototype​.flat()
半颗盐的博客
05-26 165
flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 语法节 var newArray = arr.flat(depth) 参数节 depth 可选 指定要提取嵌套数组的结构深度，默认值为 1。 返回值节 一个包含将数组与子数组中所有元素的新数组。 示例节 扁平化嵌套数组节 var arr1 = [1, 2, [3, 4]]; arr1....
js代码-多维数组降维去重排序
07-16
在JavaScript中，有多种方法可以实现这一目标，例如使用`Array.prototype.flat()`方法（ES2019引入）或者递归函数。下面是使用`flat()`的方法： ```javascript let flattenArray = multiDimArray.flat(); console....
php array_reduce 降维,使用array_reduce降维
weixin_42659791的博客
03-17 181
PHP里面最强大的工具，就是数组，它融合了多种数据结构的特点，数组、队列、栈、哈希表等等，而且容器可以兼容各种类型，任意嵌套，简直无所不能。围绕着数组，PHP原生支持了一些列的函数，使得数组在实际编程实践中，可以有更强的表达能力和更高的编程效率。但是这要求我们用PHP的方式去思考，尽量使用PHP原生的函数解决问题，而不是掌握了一个foreach就一招鲜吃遍天。本文谈论的就是一个数组函数，array...
面试官：JavaScript如何实现数组拍平（扁平化）方法?
qq_38650754的博客
11-01 2049
1 什么叫数组拍平？ 概念很简单，意思是将一个“多维”数组降维，比如： // 原数组是一个“三维”数组 const array = [1, 2, [3, 4, [5, 6], 7], 8, 9] // 可以降成二维 newArray1 = [1, 2, 3, 4, [5, 6], 7, 8, 9] // 也可以降成一维 newArray2 = [1, 2, 3, 4, 5, 6, 7, 8, 9] 数组拍平也称数组扁平化、数组降维。 2 JS标准库中的数组拍平方法 JavaScript标准库中已经实现
Array.prototype.flat() 方法：扁平化数组、移除数组空项。
工作中遇到问题记录
01-03 300
Array 方法 flat()：扁平化数组、移除数组空项。
【面试必备】手写数组偏平化
MartinChange
04-25 108
第一种： var arr = [1,[2,[3,[4,{a:1}]]],null,6] var newArr = arr.flat(Infinity) console.log(newArr) // [1, 2, 3, 4, {'a':1}, null, 6] 第二种： var arr = [1,[2,[3,[4,{a:1}]]],null,6] var newArr =JSON.parse('['+JSON.stringify(arr).replace(/\[|\]/g,'')+ ']') cons
Array flat的实现
weixin_33704234的博客
11-27 206
1 if (!Array.prototype.flat) { 2 Array.prototype.flat = function (num = 1) { 3 if (!Number(num) || Number(num) < 0) { 4 return this; 5 } 6 var arr = []...
数组降维
diaojw090的博客
08-21 611
1.Array.prototype.concat.apply([],arr)
js Array.prototype.flat() 数组扁平化使用
hyd18188928993的博客
03-02 215
Array.prototype.flat() js 数组扁平化
Object.prototype.toString 怎么判断数组
最新发布
04-21
在JavaScript中，可以使用Object.prototype.toString来判断数据类型，具体如下： ``` var arr = [1, 2, 3];... 通过这种方式，可以通过Object.prototype.toString方法判断一个对象的类型，包括数组。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值