5. JavaScript 반복문

조건문과 함께 반복문은 프로그래밍에서 매우 중요하면서 가장 많이 사용하는 문법입니다.

for / in문과 for / of문 등을 설명할것이기에 5장 부터는 ES6++ 으로 작성할 것 입니다.

 

 

1. for문

for (시작; 조건; 끝) { 내용 } 이렇게 구성 되어 있습니다.

for (let i = 0; i < 3; i++) {
	console.log(`${i}번째 입니다`);
}
// 0번째 입니다
// 1번째 입니다
// 2번째 입니다

 

 

2. for / in 문

Object 와 Array를 학습해야합니다.

 

특정 객체의 열거 가능한 모드 프로퍼티(enumerable properties)를 루프 처리 합니다.

for (변수 in 객체식) {
    // 문장
}

 

객체와 for in 문

let obj = {name:"king", age:20}; 
for (let key in obj){ 
    console.log(`key : ${key} , value : ${obj[key]}`);
}
// key : name , value : king
// key : age , value : 20

배열과 for in 문

let arr = [1, 3, 5];
for (let num in arr){ 
    console.log(`idx : ${num}, value : ${arr[num]}`);
}
// idx : 0, value : 1
// idx : 1, value : 3
// idx : 2, value : 5

 

3. for / of 문

Symbol을 학습해야 합니다.

 

해당 문법은 ES6부터 추가 되었습니다.

 

let set = new Set([1, 1, 2, 2]);
for (let val of set){ 
    console.log(`set value : ${val}`);
}
// set value : 1
// set value : 2

let map = new Map();
map.set("name", "queen");
console.log(`map has : ${map.has("name")}`);
console.log(`map get : ${map.get("name")}`);

for (let [key, value] of map){     
    console.log(`map key : ${key} , value : ${value}`);
}
// map has : true
// map get : queen
// map key : name , value : queen

let arr = [2, 4, 6];
for (let val of arr){ 
    console.log(`arr value : ${val}`);
}
// arr value : 2
// arr value : 4
// arr value : 6

 

 

 

 

 

4. while, do / while문

let i = 3;

while ( i > 0 ) {
	console.log(`while: ${i}`);
    i--;
}

// while: 3
// while: 2
// while: 1 
// 이렇게 출력됩니다.

do {
	console.log(`while: ${i}`);
    i--;
} while ( i > 0 );

// while: 0

 

 

5. break과 continue

while문 안에 break 가 있으면 중단할 수 있습니다.

while문 안에 continue가 있으면 그 아랫부분은 실행하지 않고 다음 반복문으로 넘어갑니다

let i = 3;

while ( i > 0 ) {
	if(i === 1){
    	break;
	}
    if(i === 2){
    	continue;
	}
	console.log(`while: ${i}`);
    i--;
}
// while: 3