码迷,mamicode.com
首页 > 编程语言 > 详细

js数组拍平(数组扁平化)的五种方式

时间:2018-12-24 00:16:50      阅读:376      评论:0      收藏:0      [点我收藏+]

标签:flatten   打开   rev   item   bsp   ret   color   isarray   reduce   

1.数组拍平也称数组扁平化,就是将数组里面的数组打开,最后合并为一个数组

2.实现

var arr = [1,2,[3,4,5,[6,7,8],9],10,[11,12]];

a:递归实现

function fn(arr){
    let arr1 = [] arr.forEach((val)
=>{ if(val instanceof Array){ arr1 = arr1.concat(fn(val)) }else{ arr1.push(val) } }) return arr1 }

b:reduce实现

function fn(arr){
    return arr.reduce((prev,cur)=>{
        return prev.concat(Array.isArray(cur)?fn(cur):cur)
    },[])
}

c:flat 

参数为层数(默认一层)

arr.flat(Infinity)

 d:扩展运算符

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)
}

e:toString

let arr1 = arr.toString().split(‘,‘).map((val)=>{
            return parseInt(val)
        })
        console.log(arr1)

 f:apply

function flatten(arr){
     while(arr.some(item => Array.isArray(item))){
           arr =  [].concat.apply([],arr);
     }
      return arr;
}

 

js数组拍平(数组扁平化)的五种方式

标签:flatten   打开   rev   item   bsp   ret   color   isarray   reduce   

原文地址:https://www.cnblogs.com/guan-shan/p/10165737.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!