javascript如何合并多层级数组

2023-01-17 11:08:10

目录javascript合并多层级数组需求代码一点想法javascript数组操作合集改变原数组不改变原数组例:leta=[11,22,33]求和总结javascript合并多层级数组需求返...

目录
Javascript合并多层级数组
需求
代码
一点想法
javascrip编程t数组操作合集
改变原数组
不改变原数组
例:let a = [11,22,33]   求和
总结

javascript合并多层级数组

需求

返回一个数组的最低层级展现(遍历出数组中每个元素)

输入:一个数组
输出:修改后的单层数组

代码

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

console.log('[1,[2],[3,[4]],[5,[6,[7,8]]]]合并后的数组为:'+deepFlatten([1,[2],[3,[4]],[5,[6,[7,8]]]]));

效果

javascript如何合并多层级数组

一点想法

Array的map()方法会返回处理后的结果,搭配使用ES6中新的特性——扩展运算符…使递归更加高效、易懂。

javascript数组操作合集

数组操作:

改变原数组

arr.push(value) 数组尾部增加
arr.pop()  数组尾部删除
arr.unshift(value)  数组头部增加
arr.shift()  数组头部删除
arr.sort((a,b)=>a-b)  数组排序(升序)
arr.splice(start,length,value…) 数组指定位置增删
arr.reverse()  数组倒置
delete arr[i]  数组清空某一个值为undefined
arr.fill(value,start,end) 填充数组
arr.copyWithin(targe,start,end)  数组切片复制到数组新位置
arr.toString() 数组转化成字符串
Array.from(arr)  set类型等类数组转化成数组

不改变原数组

arr.forEach(fn)  遍历
arr.filter(fn)     筛选
arr.map(fn)     遍历
arr.slice(start,end)  裁剪
arr.findIndex((item,index,arr)=>{})   找值,返回序号
arr.find(fn) &http://www.cppcns.comnbsp;      找值,返回值
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)     数组累计执行
arr.reduceRight(fn)
for(let [k,v] of a.entries())  遍历key和value
arr.flat(层级)        层级摊平
arr.flatMap(fn)        类似map,层级无视
arr.concat(value)    合并数组
Array.isArray(arr)         判断是否是数组
arr.entries()         返回数组的课迭代对象,key和value
arr.keys()           返回数组的课迭代对象
arr.values()          返回数组的课迭代对象

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

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

  确定对象o是不是类数组对象

*/

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

  }

}

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。