[JavaScript] 배열과 반복문(for문, for ...in, for... of)

iberis2·2022년 12월 29일
0

배열과 반복문

1. 기본 for문

i = 0 : 배열의 인덱스는 0부터 시작
i < 배열.길이 : 배열의 인덱스는 배열의 길이 - 1까지 있음

let weather = ["snowy", "sunny", "rainy", "windy"];

for (let i = 0; i < weather.length; i++) {
  console.log(weather[i]);
}  // snowy sunny rainy windy

2. for...of 반복문

for(변수 of 배열){ 동작부분;} 배열의 모든 요소를 돌며 요소를 가지고 동작부분을 실행함

  • 장점
    배열 내부의 모든 요소들을 순회할 때 사용하기 편함
  • 단점
    반대로 몇 요소만 사용할 때 불편함
    요소의 인덱스를 활용하기 어려움
let weather = ["snowy", "sunny", "rainy", "windy"];

for (let element of weather) {
  console.log(element);
}  // snowy sunny rainy windy

3. for ... in 반복문

for(변수 in 배열){ 동작부분;} 객체 안의 모든 key(프로퍼티 네임) 값을 돌며 동작 부분을 수행

  • 객체에 좀 더 최적화되어 있어 배열에서 사용하지 않을 것을 권장함
let weather = ["snowy", "sunny", "rainy", "windy"];

for (let index in weather) {
  console.log(weather[index]);
} // snowy sunny rainy windy
profile
React, Next.js, TypeScript 로 개발 중인 프론트엔드 개발자

0개의 댓글