JS数组拍平

最新推荐文章于 2023-03-06 19:53:41 发布

原创最新推荐文章于 2023-03-06 19:53:41 发布 · 997 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#js

随笔专栏收录该内容

6 篇文章

订阅专栏

本文介绍了JavaScript中将多维数组拍平成一维数组的多种方法，包括递归、正则表达式、toString、reduce、扩展运算符、apply以及使用arr.some的创新方法。

JS数组拍平的几种方式

1.递归方法

var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
 function fn(arr){　　　
     let arr1 = []
     arr.forEach((val)=>{
         if(val instanceof Array){
             arr1 = arr1.concat(fn(val))
         }else{
             arr1.push(val)
         }
      })
      return arr1
 }
 console.log(fn(arr))

2.正则表达式

var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
arr =  JSON.stringify(arr).replace(/\[|\]/ig, '').split(',')
console.log(arr)

toString方法

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

4.reduce实现

var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
function fn(arr){
    return arr.reduce((prev,cur)=>{
        return prev.concat(Array.isArray(cur)?fn(cur):cur)
    },[])
}
console.log(fn(arr))

5.扩展运算符

var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10]
function fn(arr){
    let arr1 = [];
    let bStop = true;
    arr.forEach((val)=>{
        if(Array.isArray(val)){
            arr1.push(...val);
            bStop = false
        }else{
            arr1.push(val)
        }
    })
    if(bStop){
        return arr1;
    }
    return fn(arr1)
}
console.log(fn(arr))

6.apply

var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
function flatten(arr){
     while(arr.some(item => Array.isArray(item))){
           arr =  [].concat.apply([],arr);
     }
      return arr;
}

console.log(flatten(arr))

7.arr.some方法

arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
while (arr.some((item) => Array.isArray(item))) {
  arr = [].concat(...arr)
}
console.log(arr)