js多維數(shù)組降維的5種方法
多維數(shù)組降維也就是數(shù)組扁平化
數(shù)組扁平化的方法有很多種,但是我主要用五種,如下:
一,遞歸
// 一,遞歸
let arr = [1, [2, 3, 4, 5], [6, 7, 8, 9, [10, 11, 12, [14, 15, 16]]]]
let newArr = []
const getArr=(array)=>{
array.forEach((item)=>{
// 如果遍歷的元素不是一個數(shù)組 就把這個元素放到新數(shù)組中
// 反之 就進行遞歸再次調(diào)用方法
Array.isArray(item) ? getArr(item) : newArr.push(item)
})
}
getArr(arr)
console.log(newArr)
二,將多維數(shù)組轉(zhuǎn)為字符串,再轉(zhuǎn)化為一維數(shù)組
let arr = [1, [2, 3, 4, 5], [6, 7, 8, 9, [10, 11, 12, [14, 15, 16]]]]
console.log(arr.join(',').split(','))
三,利用數(shù)組的方法
(使用 Infinity 作為深度,展開任意深度的嵌套數(shù)組)
Array.prototype.flat() let arr = [1, [2, 3, 4, 5], [6, 7, 8, 9, [10, 11, 12, [14, 15, 16]]]] console.log(arr.flat(Infinity))
四、利用contact
var a = [1,[2],[3,4]]
var result = []
for(var i=0; i<a.length; i++){
if(a[i].constructor == Array) {
result = result.concat(a[i])
}else {
result.push(a[i])
}
}
console.log(result)
五、利用擴展運算符
擴展運算符相當于數(shù)組拆成最小單位了,
...[1,2,[3, 4]] 相當于變成了 1,2, [3, 4]///[ ].concat(...a) 就相當于 [ ].concat(1,2,[3,4])
var a = [1,[2],[3,4]]
var result = []
result = [].concat(...a)
console.log(result)
到此這篇關(guān)于js多維數(shù)組降維的5種方法的文章就介紹到這了,更多相關(guān)js多維數(shù)組降維內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
讓FireFox支持innerText的實現(xiàn)代碼
DHTML非標準屬性innerText在FireFox中的使用2009-12-12

