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

JavaScriptで配列を反転する方法を解説！reverse()メソッドと自作ロジックの実装例

JavaScriptでは、配列の要素順を反転させる方法として、組み込みメソッドである reverse() を使う方法と、ループ処理などを活用して自分でロジックを実装する方法の2つがあります。それぞれのやり方をサンプルコード付きで詳しく見ていきましょう。

reverse()メソッドを使った配列の反転

最もシンプルな方法は、配列が標準で持っている reverse() メソッドを使うことです。このメソッドを呼び出すだけで、元の配列そのものの要素順が逆順に並び替えられます。

サンプルコード

<html>
<body>
<script>
   var a = [1,2,3,4,5];
   a.reverse();
   document.write(a);
</script>
</body>
</html>

実行結果

5,4,3,2,1

このように、a.reverse() を実行するだけで、元の配列 [1,2,3,4,5] が [5,4,3,2,1] という逆順に変更されます。なお、reverse() メソッドは元の配列自体を書き換える点（破壊的メソッドである点）に注意してください。元の配列を保持したい場合は、あらかじめ複製してから使用するとよいでしょう。

組み込みメソッドを使わずに配列を反転する

次に、reverse() のような組み込みメソッドを使わず、for文によるループ処理で配列を反転させる方法を紹介します。後ろの要素から順番に新しい配列へ代入していくことで、反転した配列を作成できます。

サンプルコード

<html>
<body>
<p id="reverse"></p>
<script>
    var t = [];
    var a = [1,2,3,4,5];
    for(var i = 0; i < a.length; i++){
        t[i] = a[a.length - 1 - i];
    }
    document.getElementById("reverse").innerHTML = t;
</script>
</body>
</html>

実行結果

5,4,3,2,1

このコードでは、a.length - 1 - i をインデックスとして使うことで、元の配列の末尾から先頭に向かって要素を取り出し、新しい配列 t の先頭から順に格納しています。

まとめ

配列の反転には、手軽な reverse() メソッドを使うのが基本ですが、for文を使った自作ロジックでも同じ結果が得られます。アルゴリズムの学習や面接対策としても、組み込みメソッドに頼らない実装方法はぜひ押さえておきましょう。

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

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

  2. C言語で配列を逆順に反転させるプログラムの書き方

    配列とは、共通の名前のもとで管理される、関連性のあるデータ項目の集まりのことです。同じ型の複数の値を効率的に扱いたい場合に活用されます。配列の宣言構文C言語で配列を宣言する際の基本的な構文は以下のとおりです。データ型 配列名 [サイズ];配列の初期化配列は、宣言と同時に初期化することもできます。int a[5] = { 10,20,30,40,50};この例では、整数型の配列 a の5つの要素に、それぞれ10から50までの値が順番に格納されています。C言語で配列を逆順にする方法配列の要素を逆順に並べ替えるには、要素の入れ替え（スワップ）やコピーのテクニックを利用します。たとえば、4つの要素を持