JavaScriptで配列の先頭に要素を追加するにはどうすればいいですか？

JavaScriptで配列の先頭に要素を追加する方法

JavaScriptで配列を操作することは、Web開発において非常に一般的です。要素を配列に追加する方法はいくつかありますが、今回は配列の先頭に要素を追加する方法に焦点を当てて解説します。

配列操作の基本

JavaScriptでは、配列は順序付けられたデータの集合です。配列は、数値、文字列、オブジェクトなど、さまざまなデータ型を格納できます。配列の要素には、0から始まるインデックスを使用してアクセスできます。以下は、JavaScriptで配列を操作するためによく使用されるメソッドの一部です。

メソッド	説明
`push()`	配列の末尾に要素を追加します。
`unshift()`	配列の先頭に要素を追加します。
`concat()`	複数の配列を連結して新しい配列を作成します。

unshift()メソッドの使い方

unshift()メソッドは、1つ以上の要素を配列の先頭に追加し、新しい配列の長さを返します。構文は以下のとおりです。

array.unshift(element1, element2, ...);

例

const fruits = ['apple', 'banana', 'orange'];
fruits.unshift('mango'); // ['mango', 'apple', 'banana', 'orange']
console.log(fruits);

HTMLでの例

以下は、HTML内でunshift()メソッドを使用する例です。

<!DOCTYPE html>
<html>
<head>
  <title>unshift() の例</title>
</head>
<body>
  <script>
    const fruits = ['apple', 'banana', 'orange'];
    fruits.unshift('mango');
    console.log(fruits); // ['mango', 'apple', 'banana', 'orange']
  </script>
</body>
</html>

まとめ

JavaScriptで配列の先頭に要素を追加するには、unshift()メソッドを使用します。このメソッドは、既存の配列を変更し、新しい要素が追加された配列を返します。

Array.prototype.unshift() - MDN Web Docs

Q&A

Q1: `unshift()`メソッドと`push()`メソッドの違いは何ですか？

A1: unshift()は配列の先頭に要素を追加するのに対し、push()は配列の末尾に要素を追加します。

Q2: `unshift()`メソッドは元の配列を変更しますか？

A2: はい、unshift()メソッドは元の配列を変更します。

Q3: 複数の要素を配列の先頭に追加できますか？

A3: はい、unshift()メソッドに複数の引数を渡すことで、複数の要素を一度に追加できます。

その他の参考記事:JavaScript 関数呼び出し