[JavaScript]配列(Array)を非破壊的に反転して逆順にする(destructive reverse)には？

どうも、ちょげ(@chogetarou)です。

元の配列に影響を与えず、配列を反転して逆順にした結果だけを取得する方法を紹介します。

方法

配列(Array)を非破壊的に反転して逆順にするには、スプレッド構文を使います。

まず、[...array]のように、[]内に「…」と配列を指定します。

そして、[…array]からreverse()を呼び出します。

const reversed = [...array].reverse();

上記のreverse()は、「…」の右辺の配列を反転した逆順にした配列を返します。

const numbers = [1, 2, 3, 4, 5];

const reversed = [...numbers].reverse();

console.log(numbers)
console.log(reversed);

出力：
[ 1, 2, 3, 4, 5 ]
[ 5, 4, 3, 2, 1 ]