자바스크립트에서 배열을 순회하면서 요소를 추가할 수 있는 여러 가지 방법이 있습니다. 이번 글에서는 가장 일반적인 방법과 활용 예시를 알아보겠습니다.

1. push 메서드를 사용하여 요소 추가하기

가장 간단하게 배열의 끝에 요소를 추가할 수 있는 방법은 push 메서드를 사용하는 것입니다. push 메서드는 배열의 끝에 하나 이상의 요소를 추가하고, 새로운 배열의 길이를 반환합니다.

const arr = [1, 2, 3, 4];
arr.push(5);

console.log(arr); // [1, 2, 3, 4, 5]

위의 예시에서 push 메서드를 사용하여 배열 arr의 끝에 숫자 5를 추가했습니다.

2. 반복문을 사용하여 요소 추가하기

만약 배열의 각 요소를 순회하면서 특정한 조건을 만족하는 경우 요소를 추가하고 싶다면 반복문을 활용할 수 있습니다. 예를 들어, 배열의 각 숫자가 특정한 범위 내에 있는 경우에만 요소를 추가할 수 있습니다.

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

for (let i = 0; i < arr.length; i++) {
  if (arr[i] % 2 === 0) {
    newArr.push(arr[i]);
  }
}

console.log(newArr); // [2, 4]

위의 예시에서는 배열 arr의 각 숫자 중 짝수인 숫자만 newArr 배열에 추가하였습니다.

3. map 메서드를 사용하여 요소 추가하기

map 메서드를 사용하면 배열의 각 요소를 변환하여 새로운 배열을 생성할 수 있습니다. 이때, 새로운 배열을 만들면서 동시에 요소를 추가할 수도 있습니다.

const arr = [1, 2, 3, 4, 5];
const newArr = arr.map((num) => num * 2);
newArr.push(6);

console.log(newArr); // [2, 4, 6, 8, 10, 6]

위의 예시에서는 배열 arr의 각 요소를 2배로 만들어 newArr 배열을 생성한 후, 숫자 6을 끝에 추가하였습니다.

마무리

이렇게 자바스크립트에서 배열을 순회하면서 요소를 추가하는 여러 가지 방법을 살펴보았습니다. 사용하는 상황에 맞게 적절한 방법을 선택하여 배열을 다루는데 활용해보세요. 더 자세한 내용은 JavaScript 배열 메서드를 참고하시기 바랍니다.