你不知道的JavaScript数组扁平化五种方法

最新推荐文章于 2023-08-06 22:33:04 发布
最新推荐文章于 2023-08-06 22:33:04 发布
阅读量1.8k 收藏 2
点赞数 2
分类专栏： JavaScript 文章标签： javascript 前端 数组扁平化 node.js es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42586895/article/details/104667138
版权

JavaScript数组扁平化

对于下边这个深层嵌套数组，我们在某些环境可能需要将它进行扁平化（转换为一维数组），比如评论系统种，评论数据可能就会深层嵌套。所以我给大家带来了下边几种方法。

let arr = [1, [2, 3, 4], [3, 5, [1, [4]]]];
1. ES6中Array.prototype.flat()函数

对兼容性要求较高，不兼容ie，且要求node版本11以上。

执行时间：0.190ms （nodejs版本12.16.1）

arr.flat(Infinity); 
// [1, 2, 3, 4, 3, 5, 1, 4]
最低0.47元/天 解锁文章
fuux
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
数组扁平化方法
recallMei的博客
07-12 213
1. ES6方法直接实现 let arr = [ [1, 2, 3], [3,4,5,6], [6, 7, 8, [11,23,[12,24,[14]]]], 10 ] arr = arr.flat(Infinity) console.log(arr) 2. 转化为字符串 let arr = [ [1, 2, 3], [3,4,5,6], [6, 7, 8, [11,23,[12,24,[14]]]], 10 ] arr = arr.toString().split(',').map(it
几种实现数据扁平化的方法
wuliuqi62的博客
09-05 2432
一、用ES6提供的flat() 方法实现 <script> let arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14]]]], 10 ] //flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 arr = arr.flat(Infinity) console.log(ar
js中数组flat方法的使用和实现
热门推荐
前端三脚猫的博客
09-15 2万+
js中数组flat方法的使用和实现 定义 flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 语法 var newArray = arr.flat([depth]) 参数 depth 可选 指定要提取嵌套数组的深度，默认值为 1。 返回值 一个包含将数组与子数组中所有元素的新数组。（就是扁平化后的每一项重新组成的数组，所以不会改变原数组。） 使用示例 扁平化数组，不传递参数的时候默认为一层 let arr = [1,2,[3,[4,[5]]]]
数组的flat方法【Array.prototype.flat()】
杜鲁阳的博客
10-12 7047
数组的flat方法【Array.prototype.flat()】 一、 概念   flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 二、语法结构 var newArray = arr.flat([depth]) 参数depth： 指定要提取嵌套数组的结构深度，默认值为 1。 返回值： 一个包含将数组与子数组中所有元素的新数组。 ...
实现数组扁平化的 6 种方式
weixin_44920863的博客
02-05 3197
实现数组扁平化的 6 种方式 扁平化的实现： 数组的扁平化其实就是将一个嵌套多层的数组 array（嵌套可以是任何层数）转换为只有一层的数组。即： [1, [2, [3, 4，5]]] ----> [1, 2, 3, 4，5] 方法一：调用 ES6 中的 flat arr.flat([depth]) 其中 depth 是 flat 的参数，depth 是可以传递数组的展开深度（默认不填、数值是 1），即展开一层数组。那么如果多层的该怎么处理呢？参数也可以传进 Infinity，代表不论多少层都要展
JavaScript之数组扁平化详解
10-16
主要介绍了JavaScript之数组扁平化详解的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，,需要的朋友可以参考下
JS数组扁平化、去重、排序操作实例详解
11-20
总结以上内容，JavaScript中的数组扁平化、去重和排序操作提供了多种实现方式，开发者可以根据实际需求和性能考虑选择合适的方法。在处理复杂嵌套数组或大量数据时，应关注算法的效率和内存占用，以优化代码性能。
JS数组扁平化(flat)方法总结详解
10-16
在本篇文章中，我们将深入探讨JavaScript中实现数组扁平化的五种方法。 1. **直接使用 `flat()` 方法** ES2019引入了`Array.prototype.flat()`方法，用于扁平化数组。传入参数 `Infinity` 表示要将数组完全展开： ...
JS实现数组扁平化的 8 种方式
最新发布
一步一个脚印，踏实努力，向着目标前进
08-06 1302
根据具体的需求和代码环境，选择适合的方法来实现数组扁平化。考虑性能、代码复杂度和可读性等因素，选择最适合的方法进行实现。这些方法都可以将多层嵌套的数组扁平化为一维数组。具体使用哪种方法取决于你的需求和代码环境。
Node.js-flatn一个nodejs软件包管理器用于支持nodejs软件包依赖关系的flat文件系统结构
08-10
flatn 一个nodejs软件包管理器，用于支持nodejs软件包依赖关系的flat文件系统结构
数组的flat()方法
weixin_49035434的博客
04-02 3609
flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回. 参数: depth 指定要提取的深度,默认为1 返回值: 一个包含将数组于子数组中所有元素的新数组 例子🌰: 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 arr..
flat方法的简单实现
weixin_42643176的博客
02-24 1420
记录一下实现flat方法的过程 flat实现的方式有很多种，这里只是记录一下其中的2种思路。 Array.prototype.flat()方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回 递归实现 function flat(arr, depth) { if (depth == undefined) { depth = 1; }; if (depth > 0) { return arr.red
《Nodejs开发加密货币》之二十五：函数式编程入门经典
玩转比特币，解密新技术——imfly的专栏
08-19 3413
虽然大家已经被面向对象编程（Object-oriented programing）洗脑了，但很明显这种编程方式在 JavaScript 里非常笨拙，需要适当的了解点函数式编程，本篇文章借鉴了几篇优秀文档（见参考），结合亿书项目实践和个人体会，汇总了一些平时用得到的函数式编程思路，为更好的优化设计亿书做好准备。本篇内容包括函数式编程基本概念，主要特点和编码方法。
JS扁平化（flatten）数组
yangyang的专栏
04-04 1万+
JS扁平化分类： 1.对象扁平化（深度很深的对象，经过扁平化编程深度为 1 的对象）、 2.数组扁平化（降维过程，多维数组经过扁平化变成一维数组）。 首先让我们思考一个这样的题目；假如有一个数组 var arr = [1, [2, 3, [4]]] ，我们怎么能把arr变成[1, 2, 3, 4]呢？即让多维数组降维，转换为只有一层的数组；如果用过lodash的话，我们知道 flatten 和 f...
自定义js对象扁平化处理
qq_40410916的博客
05-27 3580
请将以下层层嵌套的source对象转换成扁平的简单对象：{“a.b.c”: “1”, “a.d”: “2”, “e”: “3”} var source = { a: { b: { c: “1”, }, d: “2”, }, e: “3”, }; var newobj = {}; function flat(cur, key2) { Object.keys(cur).forEach(function(key) { if (typeof cur[key] != "object") { if (key
js如何实现数组扁平化
o_heart
12-26 1万+
首先让我们思考一个这样的题目；假如有一个数组arr = var arr = [1, [2, 3, [4]]];，我们怎么能把arr变成[1, 2, 3, 4]呢？即让多维数组降维，转换为只有一层的数组；如果用过lodash的话，我们知道 flatten 和 flattenDeep 方法都可以实现.
[Javascript Practice] 数组扁平化处理
linjiayuqazwsx的博客
11-30 2519
可用方法<script type="text/javascript"> var array=[1,[3,[4],[5,[6,7]],8],[9,[10]]]; var newarray=[]; function flat(array,newarray){ for (var i = 0; i < array.length; i++) { //类型为numb
用js写数组扁平化,用多种方法写出
04-19
好的，以下是几种方法来实现JavaScript数组扁平化： 方法一：使用递归实现数组扁平化 ``` function flatten(arr) { var result = []; for (var i = 0, length = arr.length; i ; i++) { var value = arr[i]; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值