JavaScript超入門④ ループと配列を使おう
while、for、for...of、配列、push、break、continueを使い、複数の値を順番に処理します。
第4回では、繰り返しと、複数の値を保存する配列を学びます。
while文
let count = 1;
while (count <= 5) {
console.log(count);
count++;
}countが5以下である間、処理を繰り返します。
for文
for (let i = 1; i <= 5; i++) {
console.log(i);
}回数が分かっている繰り返しに向いています。
配列
const scores = [80, 95, 70];
console.log(scores[0]);
scores.push(85);
console.log(scores.length);配列の位置は0から数えます。pushは最後へ値を追加し、lengthは値の個数を表します。
for…of
const names = ["Aoi", "Ren", "Mio"];
for (const name of names) {
console.log(`こんにちは、${name}さん`);
}配列の値が一つずつnameへ入ります。
breakとcontinue
breakは繰り返しを終了します。continueは、その回の残りを飛ばして次へ進みます。
for (let i = 1; i <= 5; i++) {
if (i === 3) {
continue;
}
console.log(i);
}このコードでは3だけ表示されません。
小さな練習
点数の配列を作り、for…ofで合計と平均を計算してください。
模範解答
const scores = [72, 88, 95, 65];
let total = 0;
for (const score of scores) {
total += score;
}
const average = total / scores.length;
console.log(`合計は${total}点です`);
console.log(`平均は${average}点です`);解説
for…ofで配列の点数を1つずつscoreへ取り出し、totalへ加えています。scores.lengthは配列に入っている値の数です。合計をその数で割ると平均を求められます。
まとめ
- whileは条件がtrueの間、forは回数を決めて繰り返せます。
- 配列の位置は0から始まります。
- for…ofで配列の値を順番に読めます。