Javascript 기초(2) - 반복문 for문 - for of/for in

2. 반복문

ㅇ 모든 반복문은 기본적으로 특정 구문을 반복할 때 써

for문

ㅇ 모든 for문은 조건문 위치에 있는 값이 Truthy한 경우 계속 반복 돼.
ㅇ 조건이 처음부터 만족하지 않으면 반복문은 실행되지않아.
ㅇ 기본적인 형태

for ( 초기화 구문; 조건문; 증감문)
    //명령문

ㅇ if문과 마찬가지로 Block 또한 쓸 수 있어.

  for (초기화 구문; 조건문; 증감문) {
     //명령문
  }

초기화 구문 실행

ㅇ 초기화 구문 실행
let i = 0; 구문에 의해 i라는 변수가 선언된거야.
이 변수는 for문 밖에서 쓸 수 없어.

ㅇ 조건문 검사
i는 0이므로 i < 3 코드를 0 < 3으로 보면 돼.
0보다 3이 커서 조건은 true로 평가 돼.

ㅇ 명령문 실행
조건문이 true로 평가되고 명령문을 실행하면
console.log(i); 명령어에 의해 i의 현재 값인 0이 출력되고

ㅇ 증감문 실행
i = i + i 코드가 실행되고 i 변수의 값은 1이 돼.
=> i = 0 + 1

ㅇ 조건물 실행 -> 명령문 -> 증감문 실행
ㅇ 증감문이 3 < 3이 되면 false라 실행 안 하니까
3이전 까지 실행되는 거야.

ㅇ 그렇게 실행이 끝나면 반복문에서 빠져나와서
다음 코드를 실행해.

다른 반복문 제어하기

ㅇ break, continue
ㅇ break 문 : 조건에 상관없이 반복문을 중단해

  for (let i = 0; i < 5; i++) {
     if ( i === 2) braek;

     console.log(i);
  }//콘솔창 결과값 : 0
   //콘솔창 결과값 : 1 

for...of 문

ㅇ Array, Map과 같은 반복 가능한(Iterable) 객체의 value(요소)를
하나씩 반복하게 해줘.
(※Object는 반복 가능한 객체에 해당하지 않아)

ㅇ 배열을 하나씩 반복해주는 문법이야.
ㅇ 기본 형태

for ( 변수선언문 of 반복가능한객체){
  //명령문
}

ㅇ 예시

 const persons = ['둘리', '고길동', '희동이'];

 for ( const person of person){
    console.log(person);
 }
 //출력값 : '둘리'
 // '고길동'
 // '희동이'

for..in 문

ㅇ for..of문과 유사하게 객체의 요소를 반복해줘.
ㅇ 선언한 변수에 값이 직접 들어가지 않고 요소의 key를 전달해.
ㅇ for..of 문처럼 반복 가능한(Iterable) 객체는 모두 가능해.
ㅇ 기본 형태

for (변수 선언문 in 반복가능한 객체) {
  // 명령문
}

ㅇ 예시

const persons = ['둘리', '홍길동', '김아무개'];

for (const person in persons) {
  console.log(person);
}

//출력
//0
//1
//2

ㅇ 반복문 중엔 while문도 존재해.
ㅇ break문, continue 문은 모든 반복문에서 똑같이 사용할 수 있어.