JavaScript リバース配列
Ammar Ali
2023年10月12日
このチュートリアルでは、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