Menu
Coddy logo textTech

配列要素へのアクセス

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 を保持します。

challenge icon

チャレンジ

簡単

引数として配列を受け取り、配列内のすべての項目を一つずつ順番に出力する、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) {
    // ここにコードを記述してください
}
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

基礎のすべてのレッスン