[Eric's JS] JavaScript 모든 for문 이해하기 🙃 Enumerable과 Iterable 활용 (feat. ES6)

안녕하세요, 여러분!

Eric 입니다!

오늘은 JavaScript에서 사용되는 for 문에 대해 알아보고,

이를 활용하기 위해 자주 사용되는 enumerable과 iterable 개념을 함께 알아보겠습니다.

 

1️⃣  for 문

 

먼저 가장 기본적인 for 문을 살펴보겠습니다.

이 for 문은 초기식, 조건식, 증감식을 사용하여 주어진 범위의 반복을 처리합니다.

 

예시:

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

---

2️⃣ for...in 문

 

for...in 문은 객체의 모든 열거 가능한(enumerable) 속성에 대해 반복 작업을 수행합니다.

이 때, 배열이나 다른 반복 가능한(iterable) 객체를 사용할 수 있습니다.

 

예시:

const person = {
  name: "Eric",
  age: 30,
  job: "개발자"
};

for (const key in person) {
  console.log(`${key}: ${person[key]}`);
}

---

3️⃣ for...of 문

 

for...of 문은 반복 가능한(iterable) 객체의 요소들을 순회하며 작업을 수행합니다.

배열, 문자열, Set, Map 등의 iterable 객체를 사용할 수 있습니다.

 

예시:

const fruits = ["사과", "바나나", "딸기"];

for (const fruit of fruits) {
  console.log(fruit);
}

---

4️⃣ forEach 메서드

Array의 forEach 메서드는 배열 요소를 순회하며 주어진 콜백 함수를 실행합니다.

이 메서드는 Array의 프로토타입에 정의되어 있습니다.

 

예시:

const numbers = [1, 2, 3, 4, 5];

numbers.forEach(function (number) {
  console.log(number);
});

---

이제 위에서 언급한 enumerable과 iterable 개념을 자세히 알아보겠습니다.

 

 

✅ Enumerable:

객체의 속성이 열거 가능한지 여부를 나타냅니다.

이는 속성이 for...in 문에서 반복되거나 Object.keys()와 같은 메서드로 표시될 수 있는지를 결정합니다.

 

✅ Iterable:

객체가 반복 가능한지 여부를 나타냅니다. 이는 for...of 문을 사용하여 객체의 요소를 반복할 수 있는지를 결정합니다.

 

이 블로그 글을 통해 JavaScript의 다양한 for 문 사용 방법과 enumerable, iterable 개념에 대해 알아보았습니다.

이를 활용하여 여러분의 코드 작성에 도움이 되길 바랍니다.