美文网首页
js数组扁平化方法(5种)

js数组扁平化方法(5种)

作者: 姜酱i | 来源:发表于2020-04-29 11:27 被阅读0次

let arr = [1,2,3,[4,5,6,[7,8,9,1]]]
1.es6

  arr.flat(Infinity)

2.数组转成字符串再转数组

  let newArr =  arr.toString().split(',');

3.正则替换

  arr = JSON.stringify(arr).replace(/(\[|\])/g,'').split(',')

4.用while判断数组中是否包含数组

  while(arr.some(item=>return Array.isArray(item))){ 
    arr = [].concat(...arr)
  }

5.循环判断数组里面是否包含数组再做递归:

  function myFlat(){
                let arr = this;
                let result = []
                fn = (arr)=>{
                    for(let i = 0 ; i<arr.length ;i++){
                        if(Array.isArray(arr[i])){
                            fn(arr[i])
                        }else{
                            result.push(arr[i])
                        }
                    }
                    return result;
                }
                return fn(arr);
            }
    Array.prototype.myFlat = myFlat
    let newarr = arr.myFlat();

相关文章

  • 封装常用数组操作函数

    1. 数组扁平化 方法一 : 递归迭代数组 方法二 : 通过js原生 falt方法展开数组 方法三 通过正则...

  • 手写代码系列

    深拷贝 html转码 手写promise.all 有哪些实现数组扁平化的方法 原生js 运用flat方法 redu...

  • JS 数组扁平化的5种方式

    什么是数组扁平化 数组扁平化是指将一个多维数组变为一维数组 数据准备 实现方法一 实现方法二 实现方法三 实现方法...

  • 用JavaScript实现的5个常见函数

    数组扁平化 数组扁平化有很多方法,但最终最好的方法就是递归,实现一个指定深度的扁平化方法,这样基本的套路都会了解。...

  • js实现数组扁平化

    js实现数组扁平化 数组的扁平化,就是将一个嵌套多层的数组array(嵌套可以是任何层数)转换为只有一层的额数组。...

  • js小算法

    1、数组扁平化 数组扁平化是指将一个多维数组变为一个一维数组 方法1:使用flat() 方法2:利用正则,但数据类...

  • js数组与对象常用操作方法

    一、Js相关数组操作 数组去除相同的 数组添加数数据 数组反转 打乱数组排序 取数组的前几个 数组扁平化 遍历对象...

  • 前端手写算法题

    1、深拷贝deepCopy 2、对象扁平化 3、数组扁平化 4、手写Promise 5、promise.all方法...

  • JS算法题总结

    1. 对象深克隆 2. 数组去重 方法一: 方法二: 3. 数组扁平化 方法一: 方法二: 4. 冒泡排序

  • js数组扁平化方法(5种)

    let arr = [1,2,3,[4,5,6,[7,8,9,1]]]1.es6 2.数组转成字符串再转数组 3....

网友评论

      本文标题:js数组扁平化方法(5种)

      本文链接:https://www.haomeiwen.com/subject/uucgwhtx.html