for文

youtu.be

developer.mozilla.org

書き方は、

for ([初期化]; [ループ毎に確認される式]; [ループの最後に実行される文]) {

[ループ毎に確認される式がtrueの間実行され続ける]

}

と書きます。 例) 0〜9までを出力する

for (var i = 0; i < 10; i++) {
   console.log(i);
}

break

const array = ["AAA", "BBB", "CCC", "", "DDD"]
for (var i = 0; i < array.length; i++) {
   if(!array[i]){
     break
   }
   console.log(array[i]);
}

continue

const array = ["AAA", "BBB", "CCC", "", "DDD"]
for (var i = 0; i < array.length; i++) {
   if(!array[i]){
     continue
   }
   console.log(array[i]);
}

各式は省略できます。(上記と同じ文)

var i = 0;
for (; i < 9; i++) {
    console.log(i);
    // more statements
}

for (var i = 0;; i++) {
   console.log(i);
   if (i > 3) break;
   // more statements
}

var i = 0;

for (;;) {
  if (i > 3) break;
  console.log(i);
  i++;
}

Array型のループ

const array = [3,5,6]
for(let i = 0; i < array.length; i++){
  console.log(array[i])
}

また、Array型に対しては、for ofという構文を使うことができます。

const array = [3,5,6]
for(let item of array){
  console.log(item)
}

forEachメソッドを使うこともできます。

const array = [3,5,6]
array.forEach((item) => {
  console.log(item)
})

Object型でループを回す場合には、一度keyの配列を作って参照する

const point = {x: 100, y: 200}
const keys = Object.keys(point)
for(let key of keys){
  console.log(`key:${key} val:${point[key]}`)
}

forEach

const point = {x: 100, y: 200}
const keys = Object.keys(point)
keys.forEach((key) => {
  console.log(point[key])
})

for inを使う

const point = {x: 100, y: 200}
for(let key in point){
  console.log(point[key])
}