JavaScript에서 배열 또는 문자열의 요소를 반복 처리하기 위해 `for` 문과 다양한 반복문을 사용

1. `for` 문:
`for` 문은 가장 기본적인 반복문으로, 주어진 조건을 만족하는 동안 반복적으로 코드 블록을 실행합니다. 배열이나 문자열의 인덱스를 사용하여 반복할 수 있습니다.

 

javascript
const arr = [1, 2, 3, 4, 5];

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

// 출력:
// 1
// 2
// 3
// 4
// 5

2. `for...in` 문:
`for...in` 문은 객체의 열거 가능한 속성을 반복적으로 순회하는 데 사용됩니다. 배열이나 문자열에 사용할 때는 인덱스 대신 속성명이 반복 변수로 할당됩니다.

 

javascript
const obj = { a: 1, b: 2, c: 3 };

for (let prop in obj) {
  console.log(prop, obj[prop]);
}

// 출력:
// a 1
// b 2
// c 3

3. `for...of` 문:
`for...of` 문은 ES6에서 도입된 반복문으로, 배열이나 문자열과 같은 반복 가능한 객체를 순회할 때 사용됩니다. `for...of` 문은 반복마다 객체의 값 자체를 반복 변수로 할당합니다.

 

javascript
const arr = [1, 2, 3, 4, 5];

for (let value of arr) {
  console.log(value);
}

// 출력:
// 1
// 2
// 3
// 4
// 5

`for...of` 문은 `break`와 `continue`와 같은 제어문도 사용할 수 있으며, `for...in` 문과 달리 객체의 속성을 직접 반복하지는 않습니다. 대신 배열 또는 반복 가능한 객체의 값에 접근하는 데에만 사용됩니다.