目次
JavaScriptで多次元配列を1次元配列にする方法
JavaScriptで多次元配列を1次元配列に変換するには、主に以下の２通りの方法があります。
- flat()メソッドを使用する
- concat()メソッドとスプレッド構文を使用する
- reduceとconcat()を使用する
以下でそれぞれ順に解説しますね。
flat()メソッドを使用する
JavaScriptのflat()メソッドを使用することで、多次元配列を1次元配列に変換することが可能です。
多次元配列.flat()個人的には、このやり方が最もシンプルで使いやすいと思ってます。
具体的なコード例
sampleArray = [1, 2, 3, [4, 5]]
resultArray = sampleArray.flat()
console.log(resultArray) // [1, 2, 3, 4, 5]concat()とスプレッド構文で多次元配列を1次元配列に変換する
concat()メソッドとスプレッド構文を以下のように記述することで、多次元の配列を1次元配列に変換することができます。
[].concat(...多次元配列)具体的なコード例
let sampleArray = [1, 2, 3, [4, 5]]
let resultArray = [].concat(...sampleArray)
console.log(resultArray) // [1, 2, 3, 4, 5]reduceとconcat()メソッドを使用する
reduceとconcatを以下のように組み合わせた構文でも、多次元配列を1次元に変換することは可能です。
多次元配列.reduce((newArray, e) => { return newArray.concat(e) }, [])具体的なコード例
sampleArray = [1, 2, 3, [4, 5]]
resultArray = sampleArray.reduce((newArray, e) => { return newArray.concat(e) }, [])
console.log(resultArray) // [1, 2, 3, 4, 5]
