javascript - .flat() 不是函数，怎么了？

Question

下面的代码

function steamrollArray(arr) {
  // I'm a steamroller, baby
  return arr.flat();
}

steamrollArray([1, [2], [3, [[4]]]]);

返回

arr.flat is not a function

我在 Firefox 和 Chrome v67 中试过，结果相同。

怎么了？

Answer 1

flat 方法是 not yet implemented在常见的浏览器中(仅 Chrome v69、Firefox Nightly 和 Opera 56)。这是一项实验性功能。因此您还不能使用它。

您可能希望拥有自己的 flat 函数:

Object.defineProperty(Array.prototype, 'flat', {
    value: function(depth = 1) {
      return this.reduce(function (flat, toFlatten) {
        return flat.concat((Array.isArray(toFlatten) && (depth>1)) ? toFlatten.flat(depth-1) : toFlatten);
      }, []);
    }
});

console.log(
  [1, [2], [3, [[4]]]].flat(2)
);

代码取自here通过 Noah Freitas最初实现为在未指定 depth 的情况下展平数组。