◉ 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);
}
'프론트엔드 > Javascript' 카테고리의 다른 글
JS - 객체 / 표준 내장 객체 (0) | 2023.08.16 |
---|---|
JS - 함수 정의 / 매개변수와 인수 / return문 / 스코프 (0) | 2023.08.14 |
JS - HTML 파일과 자바스크립트 연결 / 자료형 / 연산자 (0) | 2023.08.10 |
JS - 이클립스에 연결 / 조건문 / confirm 함수 (0) | 2023.07.25 |
JS - 기본 용어 / 변수 / 연산자 (0) | 2023.07.24 |