JavaScriptで配列を反転する方法

Jan 23 2023
この記事では、JavaScript で配列を反転する方法を学びます。これを行う方法は複数あります。制作段階では言語にあるものを使用する方が良いですが、学習段階では舞台裏で何が起こっているかを理解する方が良いです。

この記事では、JavaScript で配列を反転する方法を学びます。

これを行う方法は複数あります。

  • 使用reverse()方法(組み込み)
  • for ループの使用

制作段階では言語にあるものを使用する方が良いですが、学習段階では舞台裏で何が起こっているかを理解する方が良いでしょう。

私たちの問題

さて、私たちの問題は何でしょうか?問題は、配列があり、それを反転したいことです。

次のような配列があると想像してください。

[1, 2, 3, 4, 5]

[5, 4, 3, 2, 1]

  • 使用reverse()方法(組み込み)
  • for ループの使用

reverse()メソッドを使用して問題を解決できます。

例

// Array
let myArray = [1, 2, 3, 4, 5];

// Reverse the array
let reversedArr = myArray.reverse();
// Result:
console.log(reversedArr);

[ 5, 4, 3, 2, 1

コードを記述する前に、for ループによってこの問題をどのように解決するかを理解する必要があります。

まず、配列内のすべての要素を反復処理するために使用する反復ですよね?

ここで、配列の最後の要素から最初の要素まで開始できることを意味します(その逆)

次に、各要素を新しい配列に追加できます。

解決策を次のように要約します。

  • 配列内のすべての要素を反復処理します
  • 反復は最後から最初まで開始されます
  • 5, 4, 3, 2, 1
    

// Array
let myArray = [1, 2, 3, 4, 5];

// Create new array
let result = [];
// Iterate over every element in our array
for (let i = myArray.length - 1; i >= 0; i--) {
    // Add every element to new array
    result.push(myArray[i]);
}
// Result:
console.log(result);

[ 5, 4, 3, 2, 1 ]

私のブログを読んでいただきありがとうございます。私のブログからさらに素晴らしい記事を読むことができます