array.reverse()

アレイ・リバース（組み込みオブジェクト）

意味配列を逆順に

array.reverse()とは？

`array.reverse()`メソッドは、配列の要素の順番を逆にします。

array.reverse()の具体的な使い方

配列の要素を逆順にする例

<button onclick='reverseExample()'>Reverse Example</button>
<div id='result'></div>
<script>
function reverseExample() {
  const fruits = ['りんご', 'バナナ', 'オレンジ'];
  document.getElementById('result').innerHTML = '元の配列: ' + fruits + '<br>';
  fruits.reverse();
  document.getElementById('result').innerHTML += '逆順の配列: ' + fruits;
}
</script>

この例では、`fruits`配列の要素の順序を逆にし、元の配列と逆順になった配列をページに表示します。reverse()メソッドは元の配列を直接変更することに注意してください。

元の配列を保持しつつ逆順の新しい配列を作成する例

const original = [1, 2, 3, 4, 5];
const reversed = [...original].reverse();
console.log('元の配列:', original);
console.log('逆順の新しい配列:', reversed);

👇出力結果

元の配列: [1, 2, 3, 4, 5]
逆順の新しい配列: [5, 4, 3, 2, 1]

この例では、スプレッド構文([...original])を使用して元の配列のコピーを作成し、そのコピーを逆順にします。これにより、元の配列を変更せずに新しい逆順の配列を得ることができます。

array.reverse()に関するよくある質問

Q. reverse()は元の配列を変更する？

A. はい、reverse()メソッドは元の配列を直接変更（ミューテート）します。元の配列の要素の順序が逆になります。

Q. reverse()の戻り値は何？

A. reverse()メソッドは、逆順にされた配列への参照を返します。これは元の配列と同じオブジェクトです。

Q. 元の配列を保持するには？

A. 元の配列を変更せずに逆順の新しい配列を得るには、スプレッド構文([...array])やslice()メソッドを使用してコピーを作成してから、reverse()を適用します。例: [...array].reverse()

array.reverse()が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのarray.reverse()やMath.ceil()、array.unshift()、Object.freeze()、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。