JavaScript - For , For of , For in 반복문

For 반복문

---

// For 반복문

for (초기화; 조건; 증감) {

   반복 실행할 코드

 }

for (let i = 0; i < 10; i++) {

  console.log(i);

}

 

// For 반복문

// for (초기화; 조건; 증감){

//   // 반복 실행할 코드

// }

for (let i = 9; i > -1; i -= 1) {

  if (i < 4) {

    break;

  }

  console.log(i);

}

 

숫자 9에서부터 시작하여 출력되다가 i가 숫자 4보다 작으면 출력되지 않으므로 콘솔 창에는 9~ 4까지 출력됨

 

continue 키워드 : 현재 반복을 종료하고 다음 반복으로 넘어감

// For 반복문

// for (초기화; 조건; 증감){

//   // 반복 실행할 코드

// }

for (let i = 9; i > -1; i -= 1) {

  if(i%2 ===0) {

    continue // 현재 반복을 종료하고 다음 반복으로 넘어가는 기능

  }

  console.log(i);

}

 

출력 : 9, 7, 5, 3, 1 이 출력이 됨

 

For of 반복문

---

// For of 반복문

const fruits = ['Apple', 'Banana', 'Cherry']

for (let i=0; i < fruits.length; i+=1) {

  console.log(fruits[i])

}

 

출력

Apple

Banana

Cherry

 

// For of 반복문

const fruits = ['Apple', 'Banana', 'Cherry']

for (const a of fruits) {

  console.log(a)

}

 

여기서 for 조건문 내부 a라는 변수는 사용자가 임의로 지정해도 무관합니다.

 

출력

Apple

Banana

Cherry

 

// For of 반복문

const users = [

  {

    name: "YongHak",

    age: 23,

  },

  {

    name: "John",

    age: 24,

  },

  {

    name: "Jack",

    age: 25,

  },

];

for (let i = 0; i < users.length; i += 1) {

  console.log(users[i]);

}

for (const user of users) {

  console.log(user)

}

 

여기서 } 끝에 },(쉼표) 잊지 말고 작성할 것 / 작성하지 않으면 오류가 발생합니다.

[콘솔창 출력]

 

For in 반복문

---

객체 데이터는 of가 아닌 in 키워드를 사용해야 함

// For in 반복문

const user = {

  name: "YongHak",

  age: 23,

  isValid: true,

  email: "charismayoung1993@gmail.com",

};

// const 키를 만듦 / 객체 데이터는 of가 아닌 in 키워드를 사용해야 함

for (const key in user) {

  console.log(key);

  console.log(user[key]);

}

 

객체 데이터는 순서를 가지는 것이 아니어서 순서대로 나타나지 않을 수 있고 단순히 객체 데이터의 속성을 가지는 데이터의 수만큼만 반복을 합니다.