在实际的应用中,有一些需求需要我们对二维数组、多维数据做降维,一些朋友可能对于数组降维的方法不是很了解,对此下面小编就给大家分享一下,需要的朋友可以参考。
使用数组实例方法concat和ES6扩展运算符降维
let arr=[1,2,[3,4],5]; let arr1=[].concat(...arr); //先使用扩展运算符打散最外边的数组,concat自带打散粘合数组的功能 console.log(arr1); // [1, 2, 3, 4, 5] //ES6之前用apply打散数据的兼容性写法 var arr2=[1,2,[3,4],5]; var arr3=[].concat.apply([],arr2); console.log(arr3); // [1, 2, 3, 4, 5]
递归降维
//几种利用数组函数递归降维的写法
//some&concat
//利用some检查数组中是否含有数组有就在调用自己进行降维
function fun(arr){
arr=[].concat(...arr);
//再检查降维后的数组中是否还包含子数组
let hasArray=arr.some(function(elem){
return Array.isArray(elem);
})
if(hasArray){ //如果包含子数组
arr=fun(arr);//就只能再降维一次,直到检查不再包含子数组为止
}
return arr;
};
//forEach&instanceof
//对数组每个元素进行判断看其是不是数组是在继续调用自己,不是把他放进提前准备的空数组中
function fun2(arr){
let ret = [];
let toArr = function(arr){
arr.forEach(function(item){
item instanceof Array ? toArr(item) : ret.push(item);
});
}
toArr(arr);
return ret;
}
//reduce&concat
//最后准备一个空数组,看传入数组中的每一项是不是数组是就重新调用自己不是就用concat汇总到空数组中
function fun3(sarr){
return sarr.reduce((pre,val)=>{
return Array.isArray(val) ? pre.concat(fun3(val)): pre.concat(val)
},[])
}
Array.prototype.flat()
ES10 新增Array.prototype.flat(),用于将嵌套的数组打散,变成一维的数组。该方法返回一个新数组,对原数据没有影响。
var arr1 = [1, 2, [3, 4]]; arr1.flat(); // [1, 2, 3, 4] var arr2 = [1, 2, [3, 4, [5, 6]]]; arr2.flat(); // [1, 2, 3, 4, [5, 6]] var arr3 = [1, 2, [3, 4, [5, 6]]]; arr3.flat(2); // [1, 2, 3, 4, 5, 6] //使用 Infinity 作为深度,展开任意深度的嵌套数组 arr3.flat(Infinity); // [1, 2, 3, 4, 5, 6]
关于JS数组降维的方法就介绍到这,上述实例具有一定的参考价值,有需要的朋友可以参考学习,希望能对大家有帮助,想要了解更多JS数组降维的内容,大家可以关注群英网络其它相关文章。
文本转载自脚本之家
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理