JavaScript配列の習得まとめ
メニューを表示するにはスワイプしてください
配列は、値のコレクションを格納および操作するために使用されるデータ構造。
配列の作成
- JavaScriptの配列は角括弧
[]を使用して作成され、配列リテラルと呼ばれる； - 配列内の要素はカンマで区切る。
// Array literal creation
const colors = ["red", "green", "blue"];
const numbers = [1, 2, 3, 4, 5];
// Arrays with different data types
const mixedArray = ["apple", 42, true, { name: "John" }];
配列要素へのアクセス
- 配列のインデックスは
0から始まり、最初の要素がインデックス0、2番目の要素がインデックス1となる； - 配列内の特定の要素には、要素のインデックスを角括弧で指定してアクセスできる。
const firstColor = colors[0]; // "red"
const secondNumber = numbers[1]; // 2
配列要素の変更
配列要素は、インデックスを指定して新しい値を代入することで変更可能。
colors[1] = "yellow";
numbers[0] = 10;
配列の長さ
配列の length プロパティは、その配列に含まれる要素数を表します。要素が追加または削除されると、自動的に調整されます。
const colorsCount = colors.length; // 3
const numbersCount = numbers.length; // 5
最後の要素の取得
配列の最後の要素の値を取得するには、配列の長さを使ってインデックスを計算します。インデックスは array.length - 1 です。
const lastColor = colors[colors.length - 1];
const lastNumber = numbers[numbers.length - 1];
for ループ
forループは、配列の各要素を順に処理するために使用されます。- ループカウンタ変数（例：
i）を使って、インデックスごとに各要素へアクセスします。 - カウンタが配列の長さより小さい間、ループが継続します。
- 配列の反復処理における基本的な手法です。
for (let i = 0; i < numbers.length; i+=1) {
console.log(numbers[i]);
}
For...of ループ
for...ofループは、配列を反復処理するためのよりモダンで簡潔な方法。- ループカウンターを自動的に処理し、各要素の値に直接アクセス可能。
- 配列の反復処理を簡素化し、コードをよりクリーンで読みやすくする。
for (const color of colors) {
console.log(color);
}
すべて明確でしたか？
フィードバックありがとうございます！
セクション 4. 章 9
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
セクション 4. 章 9
