array.unshift()

アレイ・アンシフト（組み込みオブジェクト）

意味先頭に要素を追加

array.unshift()とは？

`array.unshift()`メソッドは、配列の先頭に一つ以上の要素を追加し、新しい長さを返します。

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

配列の先頭に要素を追加する例

<button onclick='unshiftExample()'>Unshift Example</button>
<script>
function unshiftExample() {
  const fruits = ['りんご', 'バナナ'];
  const newLength = fruits.unshift('オレンジ');
  alert('新しい配列: ' + fruits + '\n新しい長さ: ' + newLength);
}
</script>

この例では、`fruits`配列の先頭に`'オレンジ'`を追加し、新しい配列の内容と長さをアラートで表示します。

複数の要素を配列の先頭に追加する例

const numbers = [3, 4, 5];
const newLength = numbers.unshift(1, 2);
console.log('新しい配列:', numbers);
console.log('新しい長さ:', newLength);

👇出力結果

新しい配列: [1, 2, 3, 4, 5]
新しい長さ: 5

この例では、`numbers`配列の先頭に複数の要素（1と2）を追加し、新しい配列の内容と長さをコンソールに出力します。

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

Q. unshift()は配列をどう変更する？

A. unshift()メソッドは、元の配列を直接変更（ミューテート）します。新しい要素を配列の先頭に追加し、他の要素を後ろにずらします。

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

A. unshift()メソッドは、新しい要素が追加された後の配列の長さ（要素数）を返します。

Q. 複数の要素を追加できる？

A. はい、unshift()メソッドは複数の引数を受け取ることができ、それらすべてを配列の先頭に追加します。引数の順序は保持されます。

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

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

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