[javascript] 제어문 반복문 for, for in, for of, while 알아보기

공부하면서 정리한 내용입니다
참고한 내용은 맨 아래의 링크를 확인해주세요

---

for

for (초기화부분; 조건부분; 추가동작부분) {
	  동작부분 //조건부분이 충족되면 동작부분이 동작하고, 
           //추가동작부분이 작동한다. 조건이 충족되는 동안 반복
}

//초기화부분은 반복한 횟수를 저장하는데 사용함, 처음에만 동작
//조건부분은 반복할 횟수를 boolean으로 정해줌 
//추가동작부분 반복할 횟수 카운트 업

// 초기화부분에서 생성한 변수는 for문의 지역변수다.
for (let i = 1; i <= 10; i++) {
  console.log(`${i} 만세! `);
}

// 추가동작부분을 꼭 채울 필요는 없다
for (let i = 1; i <= 10;) {
    console.log(`${i} 코드잇 최고!`);
    i++;
}

// 초기화부분도 반드시 채울 필요는 없다. 하지만 세미콜론은 생략할 수 없다!!
let i = 1; 
for ( ;  i <= 10; i++) {
    console.log(`${i} 코드잇 최고!`);
}

세미콜론은 초기화부분과, 조건부분을 구분하는 세미콜론이기 때문에 초기화 부분의 코드를 생략하더라도 세미콜론 만큼은 생략해선 안됨. for문의 소괄호 안쪽은 반드시 세미콜론 2개가 필요합니다.

break & continue

break는 조건이 맞는 단계에서 반복문을 종료할 수 있다.
continue는 조건이 맞으면 단계를 건너뛰는 동작을 수행한다.

let i = 1;

while (i <= 10) {
    console.log(i);
    if (i === 7) {
        break;        //조건이 맞는 단계에서 반복문을 종료
    }
    i++;
}

for (let i = 1; i <= 10; i++) {
    if (i %2 === 0 ) {
        continue;     //조건이 맞으면 '다음단계'를 건너 뛰는 동작을 수행
    }
    console.log(i); // '다음단계'
}

중복 반복문

for문에 이름을 할당하여 원하는 for문을 멈출수있다.

one : for(let i=0; i<opt.length; i++){

    two : for(let chk=0; chk<opt.length; chk++){

        if(opt[i] === opt[chk]){
        	break two;  //for문에 이름을 할당하여 원하는 for문을 멈출수있다.
        } 
    }
}

---

for ...in

객체(object)의 속성들을 순회할 때 사용

let myString = {
	name: "이름",
	age: "나이",
}

for (let i in myString){
    console.log(i)   // name, age
    console.log(myString[i])   // 이름, 나이
}

객체는 정수형 프로퍼티 네임을 오름차순으로 먼저 정렬하고,
나머지 프로퍼티들은 추가한 순서대로 정렬하는 특징이 있습니다.

for ...of

반복가능한(iterable) 객체를 순회하며 값을 꺼낼 때 사용

let myString = ["이름", "나이"];

for (let i of myString){
    console.log(i) // 이름, 나이
}

while

while (조건부분) {
  동작부분
}

let i = 30;

while (i % 7 !== 0) {
  i++;
}

console.log(i);    //35출력

//글로벌 변수(i)를 가지고 while문에서 사용하고, 
//종료된 다음에도 while문에 적용된 변수로 사용할 수 있음 !

---