JavaScript | reverse()で配列を逆順にする

2021-02-03JavaScript,JavaScript 配列

配列を逆順にする方法

JavaScriptで配列の値の順番を逆順にする方法のサンプルです。

reverse()とArray.prototype.reverse.call()を使った配列の逆順ソートについて紹介しています。

See the Pen JavaScript | Reverse the array by yochans (@yochans) on CodePen.

reverse()で配列の値を逆順にする

JavaScriptで配列に格納されている値を逆順にするにはreverse()を利用します。

reverse()には指定可能なオプション引数はありません。

let arr = [1, 2, 3, 4, 5].reverse();
//5,4,3,2,1

サンプルでは直接配列を指定していますが、reverse()は指定した中身が配列の変数に変更を加えず、返り値として結果を返します。
元の配列が入った変数を書き換える場合は、以下のようになります。

let arr = [1, 2, 3, 4, 5];
arr = arr.reverse();
//5,4,3,2,1

また、Array.prototype.reverse.call()も利用可能です。

let arr = [1, 2, 3, 4, 5];
Array.prototype.reverse.call(arr);
//5,4,3,2,1

空の配列はエラーとはなりませんが、reverse()の対象に空値・数値・文字列・関数名・オオブジェクトなどを指定した場合はエラーとなります。

Uncaught TypeError: arr.reverse is not a function

2021-02-03JavaScript,JavaScript 配列

Posted by Yousuke.U