js最全的陣列的降維5種辦法(小結)
阿新 • • 發佈:2020-04-29
業務開發中,二維陣列、多維陣列轉為一維陣列這種需求是少不了的,有些多維數組裡面可能巢狀會更深,陣列降維就是來解決此問題的
1、陣列字串化
let arr = [[222,333,444],[55,66,77],{a: 1} ] arr += ''; arr = arr.split(','); console.log(arr); // ["222","333","444","55","66","77","[object Object]"]
所有的元素會轉換為字串,且元素為物件型別會被轉換為"[object Object]",對於同一種類型數字或字串還是可以的。
2、遞迴
function reduceDimension(arr){ let ret = []; let toArr = function(arr){ arr.forEach(function(item){ item instanceof Array ? toArr(item) : ret.push(item); }); } toArr(arr); return ret; }
3、Array.prototype.flat()
var arr1 = [1,2,[3,4]]; arr1.flat(); // [1,3,4] var arr2 = [1,4,[5,6]]]; arr2.flat(); // [1,6]] var arr3 = [1,6]]]; arr3.flat(2); // [1,5,6] //使用 Infinity 作為深度,展開任意深度的巢狀陣列 arr3.flat(Infinity); // [1,6]
4、
// 不使用遞迴,使用 stack 無限反巢狀多層巢狀陣列 var arr1 = [1,[1,[2,4]]]; function flatten(input) { const stack = [...input]; const res = []; while (stack.length) { // 使用 pop 從 stack 中取出並移除值 const next = stack.pop(); if (Array.isArray(next)) { // 使用 push 送回內層陣列中的元素,不會改動原始輸入 original input stack.push(...next); } else { res.push(next); } } // 使用 reverse 恢復原陣列的順序 return res.reverse(); } flatten(arr1);// [1,1,4]
5、
// 使用 reduce、concat 和遞迴無限反巢狀多層巢狀的陣列 var arr1 = [1,4]]]; function flattenDeep(arr1) { return arr1.reduce((acc,val) => Array.isArray(val) ? acc.concat(flattenDeep(val)) : acc.concat(val),[]); } flattenDeep(arr1); // [1,4]
到此這篇關於js最全的陣列的降維5種辦法(小結)的文章就介紹到這了,更多相關js 陣列降維內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!