配列から1つ取り出す

01 / 04

中身をひとつだけ使いたい

配列をまるごと表示するのはできたけれど、ふだん使いたいのは中のひとつだよね。「2つ目の果物だけ表示したい」というように。

配列の中身には番号が振られていて、その番号を指定すれば取り出せるよ。

02 / 04

配列の後ろに [番号] と書くと、その位置の値が取り出せる。この番号をインデックスと呼ぶよ。

注意したいのは、1 ではなく 0 から始まること。1つ目が 0、2つ目が 1、3つ目が 2 だよ。

const fruits = ["りんご", "みかん", "もも"];console.log(fruits[0]);console.log(fruits[2]);

実行結果

りんご
もも

03 / 04

取り出したあとは、配列だったことを忘れていい。ただの文字列・ただの数値として扱えるよ。

計算にも使えるし、テンプレートリテラルにも埋め込める。

const scores = [80, 95, 60];console.log(scores[0] + scores[1]);console.log(`さいしょは${scores[0]}てん`);

実行結果

175
さいしょは80てん

04 / 04

ここが大事なところ。[ ] の中には数値だけでなく変数も書ける。

つまり変数の値を変えれば、取り出す場所も変わる。この性質が、次のレッスンで繰り返しと組み合わさると一気に強くなるよ。

const colors = ["あか", "あお", "きいろ"];let i = 1;console.log(colors[i]);i++;console.log(colors[i]);

実行結果

あお
きいろ