JS扁平化输出数组的2种方法解析

 更新时间:2019年09月17日 08:30:30   作者:jlyuan  
这篇文章主要介绍了JS扁平化输出数组的2种方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了JS扁平化输出数组的2种方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1.使用数组的flat方法

[1,2,[3,[4,5]]].flat(Infinity) //[1, 2, 3, 4, 5]

2.实现方式二:

var arr = [[1, 2, 23], [13, 4, 5, 5], [6, 7, 9, [11, 12, [12, 13, [14]]]], 10];
 var result = [];
 function flatFn(arr,res=[]) {
   arr.forEach(item => {
    if (Array.isArray(item)) {
     flatFn(item,res);
    } else {
     res.push(item)
    }
   })
  return res;
 }
 result = flatFn(arr);
 console.log("result", result)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • JavaScript实现选择框按比例拖拉缩放的方法

    JavaScript实现选择框按比例拖拉缩放的方法

    这篇文章主要介绍了JavaScript实现选择框按比例拖拉缩放的方法,具有等比例缩放及设置最小范围等功能,涉及javascript事件的添加、监听、页面元素动态操作及鼠标事件的响应等技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • javascript表单验证以及正则表达式举例详解

    javascript表单验证以及正则表达式举例详解

    正则表达式描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等,常用于表单验证等,下面这篇文章主要给大家介绍了关于javascript表单验证以及正则表达式的相关资料,需要的朋友可以参考下
    2023-05-05
  • JS截取字符串常用方法详细整理

    JS截取字符串常用方法详细整理

    截取字符串的使用比较广泛,有很多中方法,本文粗略的整理了一些,感兴趣的额朋友可以才参考下
    2013-10-10
  • javascript与jquery动态创建html元素示例

    javascript与jquery动态创建html元素示例

    这篇文章主要介绍了javascript与jquery动态创建html元素的方法,结合实例形式分析了javascript与jQuery动态创建页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • JavaScript实现公历转农历功能示例

    JavaScript实现公历转农历功能示例

    这篇文章主要介绍了JavaScript实现公历转农历功能,涉及javascript日期与时间相关操作及运算操作技巧,需要的朋友可以参考下
    2017-02-02
  • 通过学习bootstrop导航条学会修改bootstrop颜色基调

    通过学习bootstrop导航条学会修改bootstrop颜色基调

    这篇文章主要介绍了通过学习bootstrop导航条学会修改bootstrop颜色基调,需要的朋友可以参考下
    2017-06-06
  • JavaScript扩展运算符的学习及应用详情(ES6)

    JavaScript扩展运算符的学习及应用详情(ES6)

    这篇文章主要介绍了JavaScript扩展运算符的学习及应用详情(ES6),扩展运算符是ES6新增的一种运算符,他可以帮助我们简化代码,简化操作,具体相关知识感兴趣的小伙伴可以查看下面文章的简单介绍
    2022-08-08
  • JS如何把字符串转换成json

    JS如何把字符串转换成json

    这篇文章主要介绍了JS如何把字符串转换成json,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • xml 封装与解析(javascript和C#中)

    xml 封装与解析(javascript和C#中)

    xml 封装与解析 javascript和C#中的分别实现代码。
    2009-07-07
  • layui table 表格上添加日期控件的两种方法

    layui table 表格上添加日期控件的两种方法

    今天小编就为大家分享一篇layui table 表格上添加日期控件的两种方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论