要点まとめ
JavaScript では、配列にあとから要素を追加できます。主な方法は次の3つです。
1. インデックスを指定して追加
let fruits = ['apple', 'orange', 'lemon'];
fruits[3] = 'banana'; // 3番目の位置に追加
console.log(fruits);
// => ["apple", "orange", "lemon", "banana"]
fruits.lengthを使えば「最後の位置」に追加できる。- 例:
fruits[fruits.length] = 'grapes';
⚠️ インデックスを飛ばして指定すると「空の要素」ができるので注意。
fruits[7] = 'melon';
// => ["apple", "orange", "lemon", empty ×4, "melon"]
2. push() メソッド（配列の最後に追加）
let fruits = ['apple', 'orange', 'lemon'];
fruits.push('melon', 'grapes');
console.log(fruits);
// => ["apple", "orange", "peach", "melon", "grapes"]
- 複数の要素をまとめて追加できる。
- 戻り値は「追加後の配列の長さ」。
3. unshift() メソッド（配列の先頭に追加）
let fruits = ['apple', 'orange', 'lemon'];
fruits.unshift('melon', 'grapes');
console.log(fruits);
// => ["melon", "grapes", "apple", "orange", "lemon"]
- 先頭に要素を追加できる。
- 複数追加も可能。
- 戻り値は「追加後の配列の長さ」。
まとめ（初心者向けポイント）
- 最後に追加 →
push() - 最初に追加 →
unshift() - 好きな位置に追加 → インデックス指定（ただし空要素に注意）
👉 初心者の方はまず push() と unshift() を覚えるのがおすすめです。
インデックス指定は「配列の仕組み」を理解してから使うと安心です。