JavaScript Array flatMap()

定義と使用方法

flatMap() メソッドは配列の各要素に対してマッピング操作を実行し、新しいフラット化された配列を作成します。

flatMap() 各配列要素に対して関数を呼び出して、新しい配列を作成します。

flatMap() 空の配列要素に対して関数を実行しません。

flatMap() 元の配列を変更しません。

参照:

Array map() メソッド

Array flat() メソッド

Array filter() メソッド

Array forEach() メソッド

const myArr = [1, 2, 3, 4, 5, 6];
const newArr = myArr.flatMap(x => [x, x * 10]);

実際に試してみる

構文

array.flatMap(function(必需。各配列要素に実行される関数。, 必需。現在の要素の値。, オプション。現在の要素のインデックス。, オプション。現在の要素が属する配列。)

)

) 説明
引数 function()
必需。各配列要素に実行される関数。 currentValue
必需。現在の要素の値。 index
オプション。現在の要素のインデックス。 arr
オプション。現在の要素が属する配列。

thisValue

オプション。関数に渡されるthisの値。

デフォルト値はundefinedです。

タイプ 説明
配列 配列を含むリターン値の要素をキャッシュし、フラット化します。

ブラウザのサポート

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

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月