프론트엔드/Javascript

JS - 조건문 / 반복문 / 인위적으로 반복문 종료시키는 방법

두개의 문 2023. 8. 13. 22:02

◉ if문과 switch문 

 

▪︎ 두 조건문의 결정적 차이 

  : 조건의 형태 

 

▪︎ if문의 조건에는 식을 사용 

  switch문의 조건에는 값을 사용 

 

▪︎ 조건이 값이 아닌 범위일 경우, switch문보다 if문이 더 적합함

 


◉ for ... in 반복문 

 

▪︎ ES6에서 객체 리터럴이나 배열에 반복 접근할 수 있는 반복문 추가되었는데, 그 중 하나가 for in 반복문

for( 가변수 in 배열/객체 리터럴 ){
	// 블록문
}

 - for문의 소괄호 안에 in 키워드를 기준으로

   오른쪽 : 탐색의 대상이 되는 배열 또는 객체 리터럴

   왼   쪽 : 배열 또는 객체 리터럴을 탐색해서 키를 저장할 가변수(임시변수)  

 

 

1. 객체 리터럴을 반복할 경우 

let obj = { name : "구름", age : "10" };

for( let key in obj ){
	console.log( key + ": " + obj[key] );
}
name: 구름
age: 10

 

 

2. 배열을 반복할 경우 

let arr = [ "orange", "banana", "apple" ];

for( let index in arr ){
	console.log(index + ": " + arr[index]);
}
0: orange
1: banana
2: apple

 

 


◉ 인위적으로 반복문을 종료하는 방법 

 

1. break문 

 - 반복문 내부에 break문을 바로 사용하지 않고, if문으로 처리하는 것이 일반적 

for( let i = 0; i < 10 ; i++){
	console.log(i);
    if(i === 5) break;
}
let obj = { name: "구름", age: 10 };

for( let key in obj ){
	if(key === "age") break;
	console.log(obj[key]);
}

 

 

2.  continue문 

  - 반복문을 건너뛰고 실행하라는 명령 

for( let i = 1l i < 10; i++){
	if(i%2 === 1) continue;
    console.log(i);
}