JavaScript 数组 flat() 方法

下面是Array flat()方法的示例。

• 例子：

      // Creating multilevel array
      const numbers = [['1', '2'], ['3', '4',
                       ['5',['6'], '7']]];
    
      const flatNumbers= numbers.flat(Infinity);
      document.write(flatNumbers);

• 输出：

  1,2,3,4,5,6,7

arr.flat()方法是在 ES2019 中引入的。它用于展平数组，以减少数组的嵌套。

flat()方法在 JavaScript 的函数式编程范式中被大量使用。在 JavaScript 中引入flat()方法之前，主要使用了 underscore.js等各种库。

句法：

arr.flat([depth])

参数：此方法接受如上所述和如下所述的单个参数：

• depth：它指定嵌套数组应该展平的深度。如果没有传递深度值，则默认值为 1，因为您猜测它是可选参数。

返回值：它返回一个数组，即深度级别比原始数组平，它根据深度级别删除嵌套。

上述函数的更多代码定义如下：

程序 1：以下代码片段展示了flat()方法的工作原理。

    let nestedArray = [1, [2, 3], [[]], 
                      [4, [5]], 6];
  
    let zeroFlat = nestedArray.flat(0);
  
    document.write(
      `Zero levels flattened array: ${zeroFlat}`);
    document.write("<br>");
  
    // 1 is the default value even
    // if no parameters are passed
    let oneFlat = nestedArray.flat(1);
  
    document.write(
      `One level flattened array: ${oneFlat}`);
    document.write("<br>");
  
    let twoFlat = nestedArray.flat(2);
  
    document.write(
      `One level flattened array: ${twoFlat}`);
    document.write("<br>");
  
    // No effect when depth is 3 or
    // more since array is already
    // flattened completely.
    let threeFlat = nestedArray.flat(3);
    document.write(
      `Three levels flattened array: ${threeFlat}`);

输出：

Zero levels flattened array: [1, [2, 3], [[]], [4, [5]], 6]
One level flattened array: [1, 2, 3, [], 4, [5], 6]
Two levels flattened array: [1, 2, 3, 4, 5, 6]
Three levels flattened array: [1, 2, 3, 4, 5, 6]

注意：对于大于 2 的深度，数组保持不变，因为它已经完全展平了。

程序 2：我们还可以使用flat()方法删除数组中的空槽或空值。

    let arr = [1, 2, 3, , 4];
    let newArr = arr.flat();
    document.write(newArr);

输出：

[1, 2, 3, 4]

支持的浏览器：

• 谷歌浏览器 69 及以上
• Edge 79 及以上
• 火狐 62 及以上
• Opera 56 及以上
• Safari 12 及更高版本