JavaScript リバース配列

Ammar Ali 2023年10月12日
  1. JavaScript の reverse() 関数を使用して配列を逆にする
  2. JavaScript で独自の関数を作成して配列を反転する
JavaScript リバース配列

このチュートリアルでは、reverse() 関数を使用して配列を逆にし、独自の JavaScript 関数を作成する方法について説明します。

JavaScript の reverse() 関数を使用して配列を逆にする

特定の配列を逆にしたい場合は、JavaScript で事前定義された関数 reverse() を使用できます。この関数は、指定された配列の要素を逆にします。たとえば、配列を定義し、reverse() 関数を使用して配列を反転し、console.log() 関数を使用してコンソールに結果を表示しましょう。以下のコードを参照してください。

var MyArray = [11, 12, 13, 14];
console.log('Original Array', MyArray)
MyArray.reverse();
console.log('Reversed Array', MyArray)

出力:

Original Array (4) [11, 12, 13, 14]
Reversed Array (4) [14, 13, 12, 11]

出力からわかるように、元の配列が逆になっています。文字列またはオブジェクトを含む配列を逆にすることもできます。

JavaScript で独自の関数を作成して配列を反転する

特定の配列を逆にする関数を作成する場合は、JavaScript で for ループと length 関数を使用できます。length 関数は、指定された配列の要素の数を返します。関数を機能させるには、指定された配列の各要素を最後から取得し、最初に別の配列に格納し、ループの終了後に返す必要があります。この関数を作成し、上記のメソッドで定義された配列でテストし、console.log() 関数を使用してコンソールに結果を表示してみましょう。以下のコードを参照してください。

function ReverseArray(arr) {
  var newArray = new Array;
  var len = arr.length;
  for (i = len - 1; i >= 0; i--) {
    newArray.push(arr[i]);
  }
  return newArray;
}
var OriginalArray = [11, 12, 13, 14];
console.log('Original Array', OriginalArray);
var ReversedArray = ReverseArray(OriginalArray);
console.log('Reversed Array', ReversedArray);

出力:

Original Array (4) [11, 12, 13, 14]
Reversed Array (4) [14, 13, 12, 11]

出力からわかるように、元の配列が逆になっています。文字列またはオブジェクトを含む配列を逆にすることもできます。

著者: Ammar Ali
Ammar Ali avatar Ammar Ali avatar

Hello! I am Ammar Ali, a programmer here to learn from experience, people, and docs, and create interesting and useful programming content. I mostly create content about Python, Matlab, and Microcontrollers like Arduino and PIC.

LinkedIn Facebook

関連記事 - JavaScript Array