JavaScript Array flat()

定義と使用法

flat() メソッドは、子配列の要素を新しい配列に結合するために使用されます。

参照:

Array map() メソッド

Array flatMap() メソッド

Array filter() メソッド

Array forEach() メソッド

例 1

新しい配列を作成し、子配列の要素を結合します:

const myArr = [[1,2],[3,4],[5,6]];
const newArr = myArr.flat();

実際に試してみる

例 2

複数層のネストされた配列に対して、展開する深度を指定できます:

const myArr = [1, 2, [3, [4, 5, 6], 7], 8];
const newArr = myArr.flat(2);

実際に試してみる

構文

array.flat(depth)

パラメータ

パラメータ 説明
depth オプション。指定された深さでネストされた配列を展開する。デフォルト値は 1 です。

返り値

タイプ 説明
配列 展開された新しい配列。

ブラウザのサポート

2020年1月から、すべての現代ブラウザがJavaScript配列をサポートしています。 flat() メソッド:

Chrome Edge Firefox Safari Opera
Chrome 69 Edge 79 Firefox 62 Safari 12 Opera 56
2018年9月 2020年1月 2018年9月 2018年9月 2018年9月