脚本宝典收集整理的这篇文章主要介绍了js实现数组的扁平化，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
什么是数组扁平化？
数组扁平化：指将一个多维数组转化为一个一维数组。
例：将下面数组扁平化处理。
const arr = [1, [2, 3, [4, 5]]] // ---> [ 1, 2, 3, 4, 5 ]
flat() 方法是ES10提出的，它会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。（flat意为“水平的；平坦的”）
const result1 = arr.flat(InfinITy) // 指定深度为无限 console.LOG(result1) // [ 1, 2, 3, 4, 5 ] const result2 = arr.flat(1) // 指定深度为1 console.log(result2) // [ 1, 2, 3, [ 4, 5 ] ] const result3 = arr.flat(2) // 指定深度为2 console.log(result3) // [ 1, 2, 3, 4, 5 ]
以下做法得到的数组元素都会变成字符串，不建议使用；
const result1 = JSON.stringify(arr).replace(/\[|\]/g, '').split(',')
console.log(result1) // [ '1', '2', '3', '4', '5' ] 数组元素都变成了字符串
对以上方法进行优化处理；
const result2 = JSON.parse('[' + JSON.stringify(arr).replace(/\[|\]/g, '') + ']')
console.log(result2) // [ 1, 2, 3, 4, 5 ]
使用reduce拿到数组的当前值和前一项值，判断当前值是否为数组，初始值设置为[]，然后使用concat进行数组合并。
function flatten(arr) {
return arr.reduce((PRe, current) => {
return pre.concat(Array.isArray(current) ? flatten(current) : current)
}, [])
}
const result = flatten(arr)
console.log(result) // [ 1, 2, 3, 4, 5 ]
循环遍历数组，发现含有数组元素就进行递归处理，最终将数组转为一维数组。
const result = []
function exec(arr) {
arr.foreach(item => {
if (Array.isArray(item)) {
exec(item)
} else {
result.push(item)
}
})
}
exec(arr)
console.log(result) // [ 1, 2, 3, 4, 5 ]
some()方法：测试数组中是不是至少有1个元素通过了被提供的函数测试（它返回的是一个Boolean类型的值）。
function flatten(arr) {
while (arr.some(item => Array.isArray(item))) {
arr = [].concat(...arr)
}
return arr
}
const result = flatten(arr)
console.log(result) // [ 1, 2, 3, 4, 5 ]
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本宝典的更多内容!
以上是脚本宝典为你收集整理的js实现数组的扁平化全部内容，希望文章能够帮你解决js实现数组的扁平化所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。