资讯专栏INFORMATION COLUMN

展平数组的方法

hyuan / 2032人阅读

摘要:只能展平一层默认为。如果不管有多少层嵌套,都要转成一维数组,可以用关键字作为参数。如果原数组有空位,方法会跳过空位。展平后每个数组中的至是字符串,可根据需要再转换

1.contact

只能展平一层

[1,2,3].concat([4,5,6],[7,8,9]) // [1, 2, 3, 4, 5, 6, 7, 8, 9]
["a","b","c"].concat(1,[2,3],[[4,5]]) // ["a", "b", "c", 1, 2, 3, [4,5]]

2. flat
[1, 2, [3, 4]].flat()
// [1, 2, 3, 4]
[1, 2, [3, [4, 5]]].flat()
// [1, 2, 3, [4, 5]]  默认为1。

[1, 2, [3, [4, 5]]].flat(2)
// [1, 2, 3, 4, 5]
[1, [2, [3]]].flat(Infinity)
// [1, 2, 3] 
// 如果不管有多少层嵌套,都要转成一维数组,可以用`Infinity`关键字作为参数。
[1, 2, , 4, 5].flat()
// [1, 2, 4, 5]   如果原数组有空位,`flat()`方法会跳过空位。
3.toString()

toString()展平后每个数组中的至是字符串,可根据需要再转换

var arr=[ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
arr.toString().split(",");

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106808.html

相关文章

  • 尝鲜 ES2019 新功能

    摘要:本文将讨论该语言的最新版本,以及它又具有了什么新功能。在本次更新中有很大的改进。在某些时候,数组的元素还是数组,这些类型的数组称为嵌套数组。要取消数组的嵌套展平它们,我们不得不使用递归。深度指的是数组内嵌套的数量。 翻译:疯狂的技术宅原文:https://medium.freecodecamp.o... 本文首发微信公众号:jingchengyideng欢迎关注,每天都给你推送新鲜...

    MoAir 评论0 收藏0
  • 数组扁平化并去重排序

    摘要:题目相关知识去除字符串里面的重复字符。该运算符将一个数组,变为参数序列。展平数组的方法只能展平一层默认为。如果原数组有空位,方法会跳过空位。展平后每个数组中的至是字符串,可根据需要再转换参考文章 题目 var arr=[ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10]; 1 . Array....

    104828720 评论0 收藏0
  • 目前可以使用ES105个新特性

    摘要:可选的语句中的有时候并没有用,思考下面代码使用浏览器可能尚未实现的功能这里回调函数中已经帮我们处理好的错误此代码中的回调的信息并没有用处。 为了保证可读性,本文采用意译而非直译。 showImg(https://segmentfault.com/img/bVbucuJ?w=1024&h=682); ECMAScript 2015,也称为ES6,是一个花了6年时间完成的主要版本。从那时起...

    canopus4u 评论0 收藏0
  • JS 之数组几个经典api

    摘要:一扁平化嵌套数组展平和阵列孔实现效果方法删除数组中的空槽该方法创建一个新数组,所有子数组元素以递归方式连接到指定的深度。深度级别指定嵌套数组结构应该展平的深度。方法解读该方法的实质是利用递归和数组合并方法实现扁平。是将类数组转化为数组。 本文主要来讲数组api的一些操作,如简单实现扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等。 一、 扁平化嵌套数组/展平和...

    陈江龙 评论0 收藏0
  • React源码解析之React.children.map()

    摘要:一例子看到一个有趣的现象,就是多层嵌套的数组经过后,平铺成了,接下来以该例解析二作用源码进行基本的判断和初始化后,调用该方法就是重命名了,即解析注意,该数组在里面滚了一圈后,会结果三作用的包裹器源码第一次第二次如果字符串中有连续多个的话 showImg(https://segmentfault.com/img/remote/1460000019968077?w=1240&h=698);...

    kuangcaibao 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<