Javascript

Javascript 반복문( Loop )

muyeon 2023. 5. 16. 18:01

1. for

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    console.log(
      "반짝이는 5번 입니다. continue 때문에 더 실행되지 않고 다음 반복으로 넘어갑니다."
    );
    continue;
  }
  if (i === 8) {
    console.log("8 번입니다. break 때문에 반복문을 탈출해 종료됩니다.");
    break;
  }
  console.log(i + "번 입니다.");
}

/* === 실행 결과 ===
0번 입니다.
1번 입니다.
2번 입니다.
3번 입니다.
4번 입니다.
반짝이는 5번 입니다. continue 때문에 더 실행되지 않고 다음 반복으로 넘어갑니다.
6번 입니다.
7번 입니다.
8 번입니다. break 때문에 반복문을 탈출해 종료됩니다.
*/

2. for in

const userInfo = {
  name: "muyeon",
  location: "경기도 고양시",
  phone: "010-1234-5678",
};

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

/* === 실행 결과 === 
name : muyeon
location : 경기도 고양시
phone : 010-1234-5678
*/
const members = ["유재석", "박명수", "김태호"];

for (let i in members) {
  console.log(members[i]);
}

/* === 실행 결과 ===
유재석
박명수
김태호
*/

3. while

let i = 0;

// while 문 사용시 무한 루프를 주의 하세요
while (i < 5) {
  console.log(i);
  i++;
}

/* === 실행 결과 ===
0
1
2
3
4
*/

4. do while

 

- 꼭 한번 실행해야 할때!

let i = 0;

// while 에 가기전에 한번은 꼭 실행됨
do {
  console.log(i);
  i++;
} while (i < 5);

/* === 실행 결과 ===
0
1
2
3
4
*/

5. forEach

 

- forEach 는 루프 중단이 되지 않는고 await 와 완벽하게 작동하지 않는다.

const marvels = ["아이언맨", "토르", "헐크", "캡틴 아메리카", "스파이더맨"];

marvels.forEach((marvel) => {
  console.log(marvel);
});

/* === 실행 결과 ===
아이언맨
토르
헐크
캡틴 아메리카
스파이더맨
*/

6. map

- 마찬가지로 루프가 중단되지 않고 기존 배열의 값이 바뀌는게 아닌 새로운 배열을 만든다.

const marvels = ["아이언맨", "토르", "헐크", "캡틴 아메리카", "스파이더맨"];

marvels.map((marvel) => {
  console.log(marvel);
});

/*
아이언맨
토르
헐크
캡틴 아메리카
스파이더맨
*/