JavaScript에서 배열 끝에 요소 추가하는 방법 – push() 메서드 완벽 가이드

push() 메서드로 배열 끝에 요소 추가하기

자바스크립트에서 배열의 맨 끝에 새로운 요소를 추가하려면 push() 메서드를 사용하면 됩니다. push()는 원본 배열을 직접 수정하며, 추가된 후의 배열 길이를 반환합니다.

기본 사용 예제

다음은 기존 배열에 하나의 요소를 추가하는 간단한 예제입니다.

let veggies = ["Onion", "Raddish"];
veggies.push("Cabbage");
console.log(veggies);

위 코드를 실행하면 다음과 같은 결과가 출력됩니다.

["Onion", "Raddish", "Cabbage"]

여러 개의 요소를 한 번에 추가하기

push() 메서드는 가변 인수(variable arguments)를 지원하기 때문에, 호출 시 여러 개의 값을 전달하여 한 번에 여러 요소를 추가할 수도 있습니다.

let veggies = ["Onion", "Raddish"];
veggies.push("Cabbage", "Carrot", "Broccoli");
console.log(veggies);

실행 결과는 다음과 같습니다.

["Onion", "Raddish", "Cabbage", "Carrot", "Broccoli"]

참고 사항

push() 메서드는 배열의 새로운 길이(number)를 반환합니다. 예를 들어 const len = veggies.push("Cabbage")처럼 사용하면 len에는 3이 저장됩니다. 또한 push()는 원본 배열을 변경(mutate)하므로, 원본을 유지해야 하는 경우에는 전개 연산자(spread operator)나 concat() 메서드를 사용하는 것이 좋습니다.