NEW ARTICLE
WinSCP 現在のディレクトリをブックマークするショートカットキー
  1. HOME
  2. javascript
  3. javascript 2次元配列を1次元配列に変換する

javascript 2次元配列を1次元配列に変換する

javascript 2次元配列を1次元配列に変換する

javascriptで、flatを使用して、2次元配列を1次元配列に変換するサンプルコードを記述してます。

目次

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 103.0.5060.134
Javascript サンプル集はこちら

flat使い方

「flat」を使用すると「2次元配列」を「1次元配列」に変換することが可能です。

[[1, 2], 3, [4, 5]].flat(); // [1, 2, 3, 4, 5]

「スプレッド構文」を使用して、変換することも可能です。

[].concat(...[[1, 2], 3, [4, 5]]); // [1, 2, 3, 4, 5]

2階層になっている場合は、以下の結果になります。

[[1, 2], 3, [4, 5, [6, 7]]].flat(); // [1, 2, 3, 4, 5, Array(2)]

これを1次元配列にする場合は、引数に「2」を指定します。

[[1, 2], 3, [4, 5, [6, 7]]].flat(2); //  [1, 2, 3, 4, 5, 6, 7]

「スプレッド構文」を使用する場合は、以下となります。

[].concat(...[].concat(...[[1, 2], 3, [4, 5, [6, 7]]])); //  [1, 2, 3, 4, 5, 6, 7]

パフォーマンスはブラウザにより異なります。

配列1次元化で「flat」と「concatとスプレッド構文」とのパフォーマンスを計測する