For 반복문, For of, For in

1. For 반복문

// 선언부 ; 조건부; 증감연산부;
// 조건에 맞는지 확인 -> loop 돌릴려는 명령 실행 -> 증감 연산 -> 조건에 맞는지 확인 (반복)
for (let i = 0; i < 10; i++) {
  console.log(i);
}

(1) break

loop를 돌다가 break를 만나면 그 자리에서 탈출 

i가 9가 되는 순간 탈출. 

 

(2) Continue

 continue를 만나면, 해당 키워드 밑의 코드들은 실행하지 않고 다시 loop로 돌아감.

if 조건 만족해서 continue 만나면 밑의 문장들 실행하지 않고, 바로 loop문으로 넘어감. 

if 조건 만족 못해서 지나갈 경우 , 그대로 console.log 찍힘.

2. For of 반복문 (배열에서 쓰임)

java에서의 for each문이랑 똑같은 개념이다. 

const a라는 for 루프 안에서만 쓰이는 변수를 만든다. 

const a of arr은 a란 변수에 arr 배열의 원소를 차례대로 하나씩 넣겠다는 말이다. 

 

** 객체를 원소로 갖는 배열의 경우 ** 

3. For in 반복문 (객체에서 쓰임)

객체 하나에만 가능하고, 

Key라는 for 루프 안에서만 쓰이는 변수를 만들어서 사용한다. Key라는 변수에는 obj의 key값이 차례대로 들어간다. 그래서 key만 프린트하면 key 값이 나온다. : 오른쪽의 값은 변수를 이용해 obj의 Value들을 구하는 방법을 표현했다. 

 

obj[Key]는 Key에 차례대로 key 값이 들어가므로 , obj.name, obj.address, obj.phone ... 이랑 의미가 같아진다. 

 

스스로 해본 것 

응용했다. 배열 속의 객체의 값들에 접근해 보았다.

const arr = [
  {
    name: "soomin",
    age: 25,
    baby: "none",
  },

  {
    name: "dfdodf",
    age: 16,
    highschool: "stillGoing",
  },

  {
    name: "oldman",
    age: 98,
    house: "owner",
  },
];

for (let i = 0; i < arr.length; i++) {
  for (const kkk in arr[i]) {
    console.log(kkk, ":", arr[i][kkk]);
  }
}

const obj = {
  name: "soomin",
  address: "ulsan",
  phone: "have",
  Life: "good",
  developer: "yes",
};

for (const Key in obj) {
  console.log(Key, ": ", obj[Key]);
}