JavaScript 반복문 (For, While)

H_Chang·2023년 10월 11일
0

for 반복문

  • 기본형태
for (초기값; 조건식; 증감식) {
}

예시)
1. i라는 변수가 0부터 시작할거야!
2. i라는 변수가 10에 도달하기 전까지 계속할거야!
3. i라는 변수는 한 사이클{}이 돌고 나면 1을 더할거야!

for (let i = 0; i < 10; i++) {
 console.log("for문 실행 =>" + i);
}
// for문 실행 => 0
   for실행 => 1
   for실행 => 2
   for실행 => 3
   for실행 => 4
   for실행 => 5
   for실행 => 6
   for실행 => 7
   for실행 => 8
   for실행 => 9  출력
  • 배열과 for문은 짝꿍이다.
const arr = ["one", "two", "three", "four", "five"]
for (let i = o < arr.length; i++) {
 console.log(i);
 console.log(arr[i]);
}
// 0
   one
   1
   two
   2
   three
   3
   four
   4
   five  출력

문제) 0부터 10까지의 수 중에서 2의 배수만 console.log로 출력하도록 구현해보기

for (let i = 0; i < 11; i++) {
 if (i >= 2) {
  if (i % 2 === 0) {
   // 2의 배수
   console.log(+ "는 2의 배수입니다!!");
  }
 }
}
// 0는 2의 배수입니다!!
   04의 배수입니다!!
   06의 배수입니다!!
   08의 배수입니다!!
   010의 배수입니다!!

for ~ in 반복문

  • for in 반복문 은 배열 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용한다.
for (const 반복 변수 in 배열 또는 객체) {
 문장
 }

예시)

let person = {
 name: "Jojn",
 age: 30,
 gender: "male"
};

// 객체의 ['key']로 접근하는 방법도 있다.
for (let key in person) {
 console.log(key + ": " + person[key]);
}
// name: John
   age: 30
   gender: male   출력

for ~ of 반복문

  • for in 반복문은 반복 변수에 인덱스가 들어간다. 그래서 반복문 내부에 요소를 사용하려면 fruits[i]와 같은 형태로 사용하며, 안정성을 위해 몇 가지 코드를 더 추가할때 for of반복문을 사용한다.
for (const 반복변수//for in 반복문과 다르게 반복 변수에 요소의 값이 들어간다 of 배열 또는 객체) {}

ex)

const todos= ['업무 1', '업무 2', '업무 3']

for (const todo of todos) {
 console.log(`오늘의 할 일: ${todo}`)
} 
// 오늘 할 일: 업무 1
   오늘 할 일: 업무 2
   오늘 할 일: 업무 3  출력

while 반복문

  • while 반복문은 if 조건문과 형태가 매우비슷하다.
  • if 조건문과 다른 점은 문장을 한 번만 실행하고 끝나는 것이 아니라 조건이 true면 계속해서 문장을 실행한다는 것이다.
  • 기본형태
while (조건) { 
  // 메인로직
  // 증감
}

예시)

while (i < 10) {
  console.log(i);
  i++;
}

문제) while문을 활용해서, 3초과 100 미안의 숫자 중 5의 배수인 것만 출력 되게 구현하기!

let i = 3;
while (i < 100) {
  if (i % 5 === 0 && >=5) {
   console.log(i + "는 5의 배수입니다!!");
  }
  i++;
 }

do ~ while

  • 일단 먼저 코드를 한번 실행한다.
let i = 0;

do {
 console.log(i);
} while (i > 10);  //  0 출력

break 키워드

  • break 키워드는 switch 조건문이나 반복문을 벗어날 때 사용하는 키워드이다.

예시)

for (let i = 0; i < 10; i++) {
 if (i === 5) {
  break;
 }
 console.log(i);
}
// 0
   1
   2
   3
   4  출력

continue 키워드

  • continue 키워드는 반목문 안의 반복 작업을 멈추고 반복문의 처음으로 돌아가 다음 반복 작업을 진행한다.

예시)

for (let i = 0; i < 10; i++) {
 if (i === 5) {
  continue; // i값의 다음 순서로 넘어간다
 }
 console.log(i);
}
// 0
   1
   2
   3
   4
   6
   7
   8
   9  출력
profile
프론트 엔드 시작하는 뉴비!

0개의 댓글