const arr = [1, [2, [3, 4, 5]]]
// 递归实现
const flatten = (arr) => {
let res = []
for (let i = 0;i < arr.length; i++) {
if (Array.isArray(arr[i])) {
res = res.concat(flatten(arr[i]))
} else {
res.push(arr[i])
}
}
return res
}
console.log(flatten(arr));
// reduce 函数迭代
const reduceFlatten = (arr) => {
return arr.reduce((prev, next) => {
// reduce 每次运行 reducer 都会将铅元素的计算结果作为参数进行传入
return prev.concat(Array.isArray(next) ? reduceFlatten(next) : next)
}, [])
}
console.log(reduceFlatten(arr));
// 扩展运算符
// 判断数组中是否还有数组
const extendFlatten = (arr) => {
while (arr.some(item => Array.isArray(item))) {
arr = [].concat(...arr)
}
return arr
}
console.log(extendFlatten(arr));
// split、toString
const stringFlatten = (arr) => {
return arr.toString().split(',')
}
console.log(stringFlatten(arr));
// flat
// arr.flat([depth]) 其中 depth 是传递的数组所展开的深度 (默认不填为 1 即展开一层数组)
// 多层就可以传入 Infinity 代表不论多少层都要展开
const flatFlatten = (arr) => {
return arr.flat(Infinity)
}
console.log(flatFlatten(arr));
// 正则和 JSON 方法
const regJFlatten = (arr) => {
let str = JSON.stringify(arr)
str = str.replace(/(\[|\])/g, '')
str = '[' + str + ']'
return JSON.parse(str)
}
console.log(regJFlatten(arr));
JS扁平化数组的六种方法
最新推荐文章于 2024-06-02 17:23:17 发布