js如何实现数组扁平化

在 JavaScript 中，数组扁平化是指将一个多维数组转换成一维数组。可以通过多种方法实现数组扁平化，以下是几种常用的方法：

1. 使用 Array.prototype.flat()

flat() 方法可以按照指定的深度递归地扁平化数组。默认情况下，它会扁平化一层。

const arr = [1, [2, [3, [4, 5]]]];
const flattened = arr.flat(2); // [1, 2, 3, [4, 5]] flat(2)2是扁平化两层
console.log(flattened);

如果想完全扁平化数组，可以使用 Infinity 作为参数。

const fullyFlattened = arr.flat(Infinity); // [1, 2, 3, 4, 5]
console.log(fullyFlattened);

2. 使用递归函数

可以通过递归函数来手动实现数组扁平化。

function flattenArray(array) {
    if (!Array.isArray(array)) return
    let result = []
    result = array.reduce(function (pre, item) {
       // 判断元素是否为数组，如果为数组则递归调用，如果不是则加入结果数组中
       return pre.concat(Array.isArray(item) ? flattenArray(item) : item)
    }, [])
       return result
 }
 const arr = [1, [2, [3, [4, 5]]]];
 const flattened = flattenArray(arr); // [1, 2, 3, 4, 5]
console.log(flattened);

function flattenArray(arr) {
  let result = [];
  arr.forEach(item => {
    if (Array.isArray(item)) {
      result = result.concat(flattenArray(item));
    } else {
      result.push(item);
    }
  });
  return result;
}
const arr = [1, [2, [3, [4, 5]]]];
const flattened = flattenArray(arr); // [1, 2, 3, 4, 5]
console.log(flattened);

4. 使用生成器函数

生成器函数可以简化递归数组扁平化的实现。

function* flatten(arr){
    for(const item of arr){
        if(Array.isArray(item)){
            yield* flatten(item)
        }else{
            yield item
        }
    }
}

const arr = [1, [2, [3, [4, 5]]]];
const flattend = [...flatten(arr)]
console.log(flattend)

结论

JavaScript 提供了多种方法来实现数组的扁平化。选择具体方法取决于需求和代码的可读性要求。对于简单情况，Array.prototype.flat() 是最便捷的方法，而对于复杂的需求，递归函数或生成器函数可能更合适。