JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで配列の順序を逆にする方法（reverseメソッドの使い方）

JavaScriptで配列の要素の順序を逆にするには、reverse()メソッドを使用します。このメソッドは配列の要素を反転させ、最初の要素が最後に、最後の要素が最初に移動します。

reverse()メソッドのポイント

reverse()は元の配列そのものを書き換える（破壊的な）メソッドである点に注意しましょう。元の配列を残しておきたい場合は、あらかじめスプレッド構文などでコピーを作成してからreverse()を呼び出すか、ES2023で追加された非破壊的なtoReversed()メソッドを利用すると安全です。

サンプルコード

以下のコードを実行すると、配列の順序が逆になった結果を確認できます。

<html>
  <head>
    <title>JavaScript Array reverse Method</title>
  </head>
  <body>
    <script>
      var c = ["Apple", "Banana", "Cherry", "Date"];
      var arr = c.reverse();
      document.write("逆順の配列 : " + arr);
    </script>
  </body>
</html>

実行結果

Date,Cherry,Banana,Apple

このように、reverse()を呼び出すだけで配列の並び順を簡単に反転できます。数値や文字列だけでなく、オブジェクトが格納された配列にも同様に使用可能です。

  1. 【初心者向け】JavaScriptのreverse()メソッドで配列を逆順にする方法

    JavaScriptのreverse()メソッドは、配列の要素を元の順序と逆順に入れ替えるための便利な関数です。このメソッドを呼び出すと、配列の最初の要素が最後に、最後の要素が最初に移動し、配列全体が反転されます。reverse()メソッドの基本reverse()は配列そのものを変更する「破壊的メソッド」である点に注意してください。つまり、元の配列の順序が直接書き換えられます。元の配列を保持したい場合は、あらかじめslice()やスプレッド構文（[...arr]）などでコピーを作成してからreverse()を使用するのがおすすめです。サンプルコード以下は、ボタンをクリックすると配列の要素が逆順

  2. JavaScriptで配列の要素を同じ配列内に複製する方法

    JavaScriptでは、concat()メソッドとsort()メソッドを組み合わせることで、既存の配列の要素を同じ配列内に複製することができます。ここでは、実際に動作するサンプルコードを使って、その手順をわかりやすく解説します。 コード例 以下は、配列の要素を同じ配列内に複製するためのコード例です。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta name="viewport" cont