조건문과 함께 반복문은 프로그래밍에서 매우 중요하면서 가장 많이 사용하는 문법입니다.
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
'JS > Javascript' 카테고리의 다른 글
4. JavaScript 조건문 (0) | 2020.10.03 |
---|---|
3. JavaScript 연산자 (0) | 2020.10.03 |
2. JavaScript 데이터타입(변수) (0) | 2020.10.02 |
1. JavaScript 소개 (0) | 2020.09.16 |