JavaScript数组展平的实现方式

最新推荐文章于 2024-04-08 10:18:23 发布
最新推荐文章于 2024-04-08 10:18:23 发布
阅读量324 收藏
点赞数
分类专栏： JavaScript JavaScript面试题 JS基础篇 文章标签： 数组 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_32308611/article/details/115526713
版权
"这篇博客介绍了如何将包含嵌套数组的复杂结构转换为一维数组，包括使用toString().split(",").map()，join().split()以及数组的flat()方法，特别提到了flat(Infinity)用于无限层级的展平。这些技巧在处理复杂数据结构时非常实用。"
摘要由CSDN通过智能技术生成

 

已知数组const arr = [1, 2, 3, [4, 5, [5, 6], 7, 8], 9, [10, 11, [12]]]；

将其展平为[1, 2, 3, 4, 5, 5, 6, 7, 8, 9, 10, 11, 12]

可以使用的方式：

1. const newArr = arr.toString().split(",").map(item=>Number(item));

//注意这里需要将字符串转换为数字类型的，保证不改变数据类型
const newArr = arr.toString().split(",").map(item=>Number(item));
//[1, 2, 3, 4, 5, 5, 6, 7, 8, 9, 10, 11, 12]

2. const newArr = arr.join(",").split(",");

//注意这里需要将字符串转换为数字类型的，保证不改变数据类型
const newArr = arr.join(",").split(",");
[1, 2, 3, 4, 5, 5, 6, 7, 8, 9, 10, 11, 12]

3.使用API，arr.flat(depth)的返回值;其中，depth为嵌套的数组应展平至多深的深度级别。默认为1，默认为一层，这里可以写infinity代表无限层级

const newArr = arr.flat(Infinity);//使用数组的flat方法
//[1, 2, 3, 4, 5, 5, 6, 7, 8, 9, 10, 11, 12]

 

WWWln1234
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS反混淆-控制流平展（二）
a314131070的专栏
07-01 1082
0x00 问题定义 接第一篇遗留的问题，在做控制流平展反混淆时，用动态执行的方式获取执行路径时，如果原控制流中存在循环的情况，那么获取到的路径就会有重复的现象，如下所示： [ [ 3 ], [ 1 ], [ 2 ], [ 1 ], [ 2 ], [ 1 ], [ 2 ], [ 1 ], [ 2 ], [ 1 ], [ 2 ], [ 1 ], [ 2 ], [ 1 ], [ 2 ], [ 1 ], [ 2 ], [ 1 ], [ 2 ], [ 1 ], [ 2 ], [ 1 ], [
JavaScript数组函数整理汇总
icktpxcls的博客
12-30 798
1、Array.isArray() 我们列表中的第一项是 JavaScript 中的 isArray 方法，它确定传递的输入是否为数组。 语法： 在下面的代码中， arr 将是我们要检查的输入，是否为数组。isArray() 函数的结果将是一个布尔值。 Array.isArray(arr) 示例： Array.isArray([1, ‘something’, true]); // true Array.isArray({anything: 123}); // false Array.isArray(‘som
js 让数组展平的 五种 方式
超逸の学习技术博客
06-18 1962
let arr = [1, 2, [3, 4], [5, 6, [7, 8, 9]]]; /**第一种方式：flat */ let res1 = arr.flat(Infinity); console.log(res1); /**第二种方式：join + split*/ let res2 = arr.join().split(',').map(Number); console.log(res2); /**第三种方式： toString + split*/ let res3 = arr.toString(
js展平一个数组
night snow 的博客
07-14 756
for循环递归 数组的concat方法会返回一个新数组 let arr1 = [1,[2,3,[4]]]; function flatten(arr) { let result = []; for (var i = 0; i < arr.length; i++) { if (Array.isArray(arr[i])...
js算法之数组展平
weixin_30505485的博客
01-22 246
用递归实现 数组展平 [[1,2],[[3],4]]=>[1,2,3,4]； 这里是一个多维的数组，展平，这里先用递归来做: 用数学的方法思考: 对数组S={a1,a2,,...,an},函数F将数组展平 F(S)=F(a1)∪F(a2)∪...∪F(an) 如果F(ai)等于数字则F(ai)=ai,如果F(ai)等于数组则F(ai)=F(ai) 用代码将数学表达式对应的表...
数组展平
qq_25354709的专栏
09-13 257
1.普通方法 var arr = [[1], [[2,3], 4], [5,6,7]]; function fMd(arr) { var result = []; function f(arr) { for (var i=0; i&lt;arr.length;i++) { console.log(arr[i]); //[1] [[2,3...
js代码-展平数组方式
07-14
在JavaScript中，展平数组（Flattening an Array）是一个常见的操作，特别是在处理嵌套数组时。展平数组就是将一个多维数组转换成一个一维数组。这在数据处理、函数式编程以及处理树状结构时非常有用。本文将详细...
javaScript数组和函数
weixin_46726946的博客
05-24 683
JavaScript 数组 1 数组的概念 问：之前学习的数据类型，只能存储一个值。如果我们想存储班级中所有学生的姓名，那么该如何存储呢？ 答：可以使用数组(Array)。数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。 问：什么是数组呢？ 答：数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。 // 普通变量一次只能存储一个值 var num = 10; // 数组一次可以存储多个值 var arr =
使用javascript中的递归函数展平数组
weixin_26641529的博客
09-08 312
Javascript can seem daunting, and when dealing with complex problems such as flattening an array, the answer can seem unintuitive at best. However, there is a simple way that the problem of arrays in ...
js 数组 二维数组平铺
最新发布
在职可交流前端开发，包括：web端、uniapp等，欢迎指教。
04-08 256
arr.ruduce()实现二维数组转一维数组
js将数组扁平化二维数组变一维数组
weixin_45486168的博客
06-29 500
第一种-- Es6 扩展运算符 var a=[1,2,3,4,[5,6]]; console.log([].concat(...a)); // [1, 2, 3, 4, 5, 6] 扩展运算符只能展开一层数组，考虑数组中是否还有数组，有则用扩展运算符展开一次。 第二种-- 数组的join() var a=[1,2,3,4,[5,6]]; var newArr = a.join().split(','); console.log(newArr) // ["1", "2", "3", "4", "5", "6
js算法数组flat展平的几种方法
峰会路转的博客
06-21 749
数组的展平，主要是指的是数组嵌套数组转为一维数组，总结了一下几种方法 es6原生的方法 链接: es6中的flat let arr = [1, 2, [3, 4]].flat() console.log(arr) //[ 1, 2, 3, 4 ] //flat默认只展平一层 console.log([1, 2, [3, 4,[5,6]]].flat()) //[ 1, 2, 3, 4, [ 5, 6 ] ] //展平多层需要传递参数Infinity console.log([1, 2, [3, 4,[
js 将嵌套数组展平的方法一览
cxu123321的博客
06-03 1910
js 将嵌套数组展平的方法一览 2016.10.10 20:418669浏览 展平数组 数组中可以嵌套数组，要嵌套多少层都可以，比如[1, 2, [[3], 4]] 这样看起来很不爽，所以我们要把它展开，只留下一层数组:[1, 2, 3, 4] 结果： flatten([1, 2, 3]) // [1, 2, 3] flatten([1, 2, [3]]) // [1, 2, 3] flatten([1, 2, [[3], 4]]) ..
js数组扁平化
呵呵，到处看看
04-12 350
js二维数组展平 //将 arr=[1,[2],[3,4],[4,[5,6]]] 展平 let arr = [1, [2], [3, 4], [4, [5, 6]], 7]; // 方法一 遍历 function flattenMd(arr) { let res = []; function flatten(arr) { for (let i = 0; i < arr.length; i++) { if (Array.isArray(arr[i])) {
展平数组的常用方法
weixin_37746257的博客
08-20 1222
const arr = [1, 2, 3, [4, 5, [5, 6], 7, 8], 9, [10, 11, [12]]] // 第一种方案：用现成api const arr1 = arr.flat(Infinity) // 第二种方案：利用join展平 const arr2 = arr.join().split(',').map(Number) // 第三种方案：利用toString直接展平 const arr3 = arr.toString().split(',').map(Number) .
1030. 距离顺序排列矩阵单元格
Umbrella Corporation
07-09 6419
给出 R 行 C 列的矩阵，其中的单元格的整数坐标为 (r, c)，满足 0 <= r < R 且 0 <= c < C。 另外，我们在该矩阵中给出了一个坐标为(r0, c0) 的单元格。 返回矩阵中的所有单元格的坐标，并按到 (r0, c0) 的距离从最小到最大的顺序排，其中，两单元格(r1, c1) 和 (r2, c2) 之间的距离是曼哈顿距离，|r1 - r2|...
js数组扁平化的几种方式
前端蜗牛君
01-19 613
普通递归的思路很容易理解，就是通过for循环的方式，逐层逐个元素地去展平，如果当前元素是一个数组，那么就对它进行递归处理，再将递归处理的结果拼接到结果数组上。
JS专题之数组展开
weixin_33739627的博客
02-07 6459
前言 首先什么是数组展开？ 假如现在有这样一个需求：将后台的一个多重 List 数据，展开成一个 List 后，并去重后排序； ["a", "b", ["c", "d"], [["d"],"e"], "f"] =&gt; ["a", "b", "c", "d", "e&q
JavaScript数组对象Array数字排序详解
本文主要介绍了JavaScript中的数组对象Array如何对数字元素进行排序，并展示了相关的代码示例。同时，还简要概述了JavaScript的历史、特点、功能以及与Java语言的比较。 在JavaScript中，数组对象Array提供了`sort...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值