配列要素へのアクセス
CoddyのJavaScriptジャーニー「基礎」セクションの一部 — レッスン 58/77。
JavaScriptでは、単一の変数に複数の値を格納するために配列を使用します。配列内の各値は要素と呼ばれ、各要素にはインデックスがあります。インデックスは 0 から始まり、配列の長さから1を引いた値まで続きます。
例えば、次の配列を見てみましょう:
let myArray = ['a', 'b', 'c', 'd', 'e', 'f', 'g']- 要素
aはインデックス 0 にあります - 要素
bはインデックス 1 にあります - ...
- 要素
gはインデックス 6 にあります
配列の要素にアクセスするには、角括弧の中にそのインデックスを使用します。例えば、myArrayという名前の配列の最初の要素にアクセスするには、myArray[0]を使用します。
以下に例を示します:
let myArray = [10, 20, 30, 40, 50]
let element = myArray[2]変数 element は、3番目の要素(インデックスは2)にアクセスするため、値 30 を保持します。
チャレンジ
簡単引数として配列を受け取り、配列内のすべての項目を一つずつ順番に出力する、values という名前の関数を作成してください。
配列を反復処理するには、for 文の中で .length プロパティを使用します。
let myArray = [10, 20, 30, 40, 50]
for (let i = 0; i < myArray.length; i++) {
console.log(myArray[i]);
}これにより、i は 0 から myArray.length(これを含まない)まで繰り返され、これはまさに配列のすべてのインデックスに対応します。
チートシート
配列は、単一の変数に複数の値を格納します。各要素には 0 から始まるインデックスがあります。
let myArray = ['a', 'b', 'c', 'd', 'e', 'f', 'g']インデックスを指定した角括弧を使用して要素にアクセスします:
let myArray = [10, 20, 30, 40, 50]
let element = myArray[2] // 30を返します.length プロパティを使用して配列を反復処理します:
for (let i = 0; i < myArray.length; i++) {
console.log(myArray[i]);
}自分で試してみよう
function values(arr) {
// ここにコードを記述してください
}このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。