[모던 자바스크립트] 1장 8. 반복문

반복문

• 특정 작업을 반복적으로 할 때 사용할 수 있는 구문

for

• 가장 기본적인 반복문이다.

for (let i = 0 ; i < 10 ; i++){
    console.log(i);
}

배열과 for

• 배열과 for문을 함께 사용할 수도 있다.

 const certificate = [{title: 'JLPT'}, {title: '정보처리기사'}, {title: 'HSK'}, {title: 'TOEIC'}, {title: 'JPT'}];

console.log(certificate.length);

for (let i = 0; i < certificate.length; i++){
    console.log(certificate[i]);
    }

while

• while문은 특정 조건이 참이라면 계속해서 반복하는 반복문이다.
• for 문은 특정 숫자를 가지고 숫자의 값을 비교하고, 증감해주면서 반복을 한다면, while문은 조건을 확인만 하면서 반복을 한다. 때문에, 조건문 내부에서 변화를 직접 주어야 한다.

let i = 10;
while (i>0){
    console.log(i);
    i--;
}

객체를 위한 반복문 for ... in

• 객체의 정보를 배열 형태로 받아올 수 있는 함수 몇 가지가 있다.

1. Object.entries: [[키, 값], [키, 값]] 형태의 배열로 변환
2. Object.keys: [키, 키, 키] 형태의 배열로 변환
3. Object.values: [값, 값, 값] 형태의 배열로 변환

const jiah = {}
    age: '23',
    nationality : 'South Korea',
    hometown: 'Seoul'
}

console.log(Object.entries(jiah))
console.log(Object.keys(jiah))
console.log(Object.values(jiah))

• 여기서 for ... in 구문을 사용하여 반복을 해도 된다.

const jiah = {
    age: '23',
    nationality : 'South Korea',
    hometown: 'Seoul'
};

for (let key in jiah){
    console.log(`${key}: ${jiah[key]}`);
}

break와 continue

• 반복문 안에서는 break 와 continue 를 통하여 반복문에서 벗어나거나, 그 다음 루프를 돌게끔 할 수 있습니다.
• break를 사용하면 반복문을 종료시킵니다.
• continue를 사용하면 바로 다음 루프로 넘어갑니다.

for (let i = 0; i < 10; i++) {
  if (i === 2) continue; // 다음 루프를 실행
  console.log(i);
  if (i === 5) break; // 반복문을 끝내기
}

퀴즈 풀이

• 숫자로 이루어진 배열이 주어졌을 때, 해당 숫자 배열안에 들어있는 숫자 중 3보다 큰 숫자로만 이루어진 배열을 새로 만들어서 반환해보세요.

const numbers = [1, 2, 3, 4, 5, 6, 7];
function biggerThanThree(numbers) {
    const result = [];
    for (let i =0 ; numbers.length ; i++){
        if(numbers[i]>3){
            result.push(numbers[i]);
    }
    return result;
}

console.log(biggerThanThree(numbers)); // [4, 5, 6, 7]