점점 미쳐가는 개발 일기

[Javascript] 5. 반복문: for, while, for-in, for-of 본문

Front-end/Javascript

[Javascript] 5. 반복문: for, while, for-in, for-of

Sangwoo Seo 2023. 7. 10. 15:43
 

[인프런x코드캠프] 훈훈한 Javascript - 인프런 | 강의

다른 언어도 많은데.. 왜 자바스크립트여야 하냐구요? 자바스크립트는 전세계에서 가장 많이 쓰는 언어로, 비전공자도 빠르게 배울 수 있고 이해하기 쉬운 구조를 가지고 있어요. 게다가 구글,

www.inflearn.com

인프런 강의 "훈훈한 Javascript"를 보고 정리한 내용이며, 추가로 공부한 내용도 덧붙였습니다.


1. 반복문(Loop)

반복문은 동일하거나 유사한 코드를 반복적으로 실행하는 데 사용됩니다. 조건식이 참인 동안 코드 블럭을 계속 실행합니다. 이를 통해 코드의 중복을 줄이고 효율성을 높일 수 있습니다.

2. for문

for문은 일정 횟수만큼 코드를 반복하는 데 주로 사용됩니다. 구문은 다음과 같습니다.

for(최초식; 조건식; 증감식){
  // 반복해서 실행하는 코드
}

예를 들어, 0부터 9까지 숫자를 콘솔에 출력하는 for문은 다음과 같습니다.

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

 

3. while문

while문은 주어진 조건식이 참인 동안 코드를 반복합니다. 구문은 다음과 같습니다.

최초식
while(조건식){
  // 반복해서 실행할 코드
  증감식
}

예를 들어, 0부터 9까지 숫자를 콘솔에 출력하는 while문은 다음과 같습니다.

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

 

4. for-in문

for-in문은 객체의 모든 열거 가능한 속성을 순회하는 데 사용됩니다.

for( let key in 객체){
  console.log(key);
};

위 코드와 같이 객체의 키(속성 이름)들을 반복적으로 가져옵니다.

 

5. for-of문

ES6에서 도입된 for-of문은 반복 가능한 객체(배열, 맵, 셋, 문자열 등)의 각 항목을 순회하는 데 사용됩니다.

let arr = [1, 2, 3, 4];
for(let value of arr){
  console.log(value);
}

for-of문은 배열의 인덱스가 아닌 실제 값을 반환하는데, 특히 배열의 값 자체에 관심이 있을 때 유용합니다.

'Front-end > Javascript' 카테고리의 다른 글

[Javascript] 7. Spread 연산자  (1) 2023.07.10
[Javascript] 6. 구조분해할당  (0) 2023.07.10
[Javascript] 4. 조건문: if, if-else, if-elif-else  (0) 2023.07.10
[Javascript] 3. 함수  (0) 2023.03.09
[Javascript] 2. 배열, 객체  (0) 2023.03.09