JavaScriptの配列
配列は、1つの変数に複数の値を格納します。データを特定の順序で整理して保持します。
配列を使わない場合、すべてのアイテムに対して個別の変数を作成しなければなりません。データが増えるにつれて、管理が困難になります。配列を使えば、すべてをまとめてグループ化できます。
配列の一般的な用途:
- 生徒の名前のリスト
- 商品リスト
- ショッピングカートのアイテム
- 電話番号
配列の仕組み: 配列はインデックスを使用してアイテムを特定します。最初のアイテムは常にインデックス0にあります。
例: let fruits = ["Apple", "Banana", "Orange"];
- fruits[0] は "Apple"
- fruits[1] は "Banana"
- fruits[2] は "Orange"
必須の配列メソッド:
追加と削除:
- push(): 末尾にアイテムを追加します。
- pop(): 末尾からアイテムを削除します。
- unshift(): 先頭にアイテムを追加します。
- shift(): 先頭からアイテムを削除します。
- splice(): 任意の場所でアイテムを追加または削除します。
抽出と検索:
- slice(): 配列の一部をコピーします。
- indexOf(): アイテムの位置を見つけます。
- includes(): アイテムが存在するかどうかを確認します。
- find(): 条件に一致する最初のアイテムを返します。
データの変換:
- map(): 配列内のすべてのアイテムを変更します。
- filter(): 条件を満たすアイテムのみを保持します。
- reduce(): すべてのアイテムを1つの値にまとめます。
- sort(): アイテムを順序通りに並べ替えます。
- reverse(): アイテムの順序を反転させます。
配列 vs. オブジェクト:
- 配列はデータを見つけるために数値（インデックス）を使用します。リストに最適です。
- オブジェクトはデータを見つけるためにキーを使用します。1つのエンティティを記述するのに最適です。
例:
- 配列: ["Red", "Blue", "Green"]
- オブジェクト: { color: "Red", id: 1 }
これらのメソッドをマスターして、コード内で効率的にデータを扱えるようにしましょう。
Source: https://www.geeksforgeeks.org/javascript/javascript-arrays/ Source: https://www.w3schools.com/js/js_arrays.asp
Full guide: https://dev.to/annapoo/arrays-in-javascript-2nb4