[ JavaScript 문법 종합반 1주차 (14)] 반복문 (for문, 배열과 함께사용하는 for문, for...in문)
2023. 7. 28. 13:59ㆍ2. JS문법 종합
반복문
자바스크립트에서는 반복문을 사용하여 특정 코드를 반복해서 실행 할 수 있다.
for, while ( ~ 하는 동안 ) 으로 해석되는 것들이 주로 반복문의 핵심 문법으로 사용 된다.
반복문은 if를 통한 분배처리가 핵심이다.
- for문
1. 기본적인 for문 : for문은 초기값, 조건식, 증감식을 사용하여 반복 횟수를 제어한다.
for (let i = 0; i < 10; i++) {
console.log(i);
}
// ** for (초기값; 조건식; 증감식)

for문은 (초기값; 조건식; 증감식)으로 되어있다.
조건식에 10이하의 값을 요청했음으로,
왼쪽의 이미지의 터미널을 확인하면,
9까지 출력되는것을 볼 수 있다.
2. 배열과 함께 사용하는 for문 : 예제와같이 배열 numbers와 함께 for문을 사용하여 배열의 요소를 출력한다.배열의 요소 개수만큼 반복하여 실행 할 수 있다.
let numbers = [1, 2, 3, 4, 5];
for (let i = 0; i < numbers.length; i++) {
console.log(numbers[i]);
}


두번째는 수업중 문제를 내주셔서 풀어보았는데, '2의배수'를 출력하라는 부분에서 멈칫했다.
이때 나머지 ( i % 2 === 0 ) 를 사용하면 '짝수' 2의 배수가 될 수 있다는 점을 알 수 있었다.
또, 초기값이 0이긴 하지만 2의 배수이므로 0이 미포함이다. 따라, if를 하나 더 두어야 한다는 점을 간과했다.
3. for...in문 : for..in문은 객체의 프로퍼티를 순서대로 접근할 수 있습니다.
let person = { name: "John", age: 30, gender: "male" };
for (let key in person) {
console.log(key + ": " + person[key]);
}

'

'2. JS문법 종합' 카테고리의 다른 글
| [ JavaScript 문법 종합반 2주차 (1)] ES6문법, 구조분해할당 (0) | 2023.07.29 |
|---|---|
| [ JavaScript 문법 종합반 1주차 (15)] 반복문(2) (while문, do..while문, break문과 continue문) (0) | 2023.07.28 |
| [ JavaScript 문법 종합반 1주차 (13)] 배열과 배열 메소드(2) (0) | 2023.07.27 |
| [ JavaScript 문법 종합반 1주차 (12)] 배열과 배열 메소드 (0) | 2023.07.27 |
| [ JavaScript 문법 종합반 1주차 (11)] 객체와 객체 메소드 (0) | 2023.07.26 |