【前端学习】—多种方式实现数组拍平(十一)
  Cl85xNwk6bHe 2023年11月02日 24 0


【前端学习】—多种方式实现数组拍平(十一)

【前端学习】—多种方式实现数组拍平(十一)_多维数组

一、数组拍平

数组拍平也叫数组扁平化、数组拉平、数组降维,指的是把多维数组转化为一维数组。

二、使用场景

复杂场景下的数据处理(echarts做大屏数据展示)

三、如何实现数组拍平

【前端学习】—多种方式实现数组拍平(十一)_前端_02

四、代码演示

const array =[1,2,3,4,[5,6],[7,8]];

//reduce实现
function flatten(array){
    return array.reduce(function(prev,current){
        return prev.concat(Array.isArray(current)?flatten(current):current)
    },[])
}

const result=flatten(array);

console.log(`result`,result);//result [1, 2, 3, 4,5, 6, 7, 8]
//flat实现

function flatten(array){
    return array.flat(Infinity);
}

const result1=flatten(array)
console.log(`result1`,result);//result1 [1, 2, 3, 4,5, 6, 7, 8]
//while函数
function flatten(array){
    while(array.some(Array.isArray)){
        array=[].concat(...array)
    }
    return array;
}

const result2=flatten(array);
console.log(result2);// [1, 2, 3, 4,5, 6, 7, 8]


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  E929ZvlRxyUs   2023年12月23日   19   0   0 前端url前端URL
Cl85xNwk6bHe