javascript如何合并多層級數(shù)組

更新時間：2023年01月17日 10:30:57 作者：黃元帥

這篇文章主要介紹了javascript如何合并多層級數(shù)組問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

javascript合并多層級數(shù)組

需求

返回一個數(shù)組的最低層級展現(xiàn)（遍歷出數(shù)組中每個元素）

輸入：一個數(shù)組
輸出：修改后的單層數(shù)組

代碼

const deepFlatten = arr=>[].concat(...arr.map(v=>Array.isArray(v)?deepFlatten(v) : v));

console.log('[1,[2],[3,[4]],[5,[6,[7,8]]]]合并后的數(shù)組為：'+deepFlatten([1,[2],[3,[4]],[5,[6,[7,8]]]]));

效果

一點想法

Array的map()方法會返回處理后的結(jié)果，搭配使用ES6中新的特性——擴(kuò)展運算符…使遞歸更加高效、易懂。

javascript數(shù)組操作合集

數(shù)組操作：

改變原數(shù)組

arr.push(value) 數(shù)組尾部增加
arr.pop() 數(shù)組尾部刪除
arr.unshift(value) 數(shù)組頭部增加
arr.shift() 數(shù)組頭部刪除
arr.sort((a,b)=>a-b) 數(shù)組排序(升序)
arr.splice(start,length,value…) 數(shù)組指定位置增刪
arr.reverse() 數(shù)組倒置
delete arr[i] 數(shù)組清空某一個值為undefined
arr.fill(value,start,end) 填充數(shù)組
arr.copyWithin(targe,start,end) 數(shù)組切片復(fù)制到數(shù)組新位置
arr.toString() 數(shù)組轉(zhuǎn)化成字符串
Array.from(arr) set類型等類數(shù)組轉(zhuǎn)化成數(shù)組

不改變原數(shù)組

arr.forEach(fn) 遍歷
arr.filter(fn) 篩選
arr.map(fn) 遍歷
arr.slice(start,end) 裁剪
arr.findIndex((item,index,arr)=>{}) 找值，返回序號
arr.find(fn) 找值，返回值
arr.indexOf(item,start) 找值，返回序號，不能查找NaN
arr.includes(item,index) 找值，返回boolean，可查找NAN
arr.lastIndexOf(item,start) 反向找值，返回序號
arr.some(fn) 找是否存在，返回boolean
arr.every(fn) 所有子項是否條件都符合，返回boolean
arr.join(‘’) 用什么拼接
arr.reduce(fn) 數(shù)組累計執(zhí)行
arr.reduceRight(fn)
for(let [k,v] of a.entries()) 遍歷key和value
arr.flat(層級) 層級攤平
arr.flatMap(fn) 類似map,層級無視
arr.concat(value) 合并數(shù)組
Array.isArray(arr) 判斷是否是數(shù)組
arr.entries() 返回數(shù)組的課迭代對象，key和value
arr.keys() 返回數(shù)組的課迭代對象
arr.values() 返回數(shù)組的課迭代對象

例：let a = [11,22,33] 求和

ruduce((sum,item)=>{sum+=item;return sum})
/*

? ? 確定對象o是不是類數(shù)組對象

*/

function isArrayLike(o) {

? ? if (o

? ? ? ? && typeof o === 'object' &&

? ? ? ? Number.isFinite(o.length) &&

? ? ? ? o.length >= 0 &&

? ? ? ? Number.isInteger(o.length) &&

? ? ? ? o.length < 4294967295) {

? ? ? ? return true

? ? } else {

? ? ? ? return false

? ? }

}