JavaScript에서 배열의 마지막에 새로운 요소를 추가하려면 push() 메서드를 사용하면 됩니다. push()는 전달된 요소(또는 여러 개의 요소)를 배열의 끝에 추가한 뒤, 변경된 배열의 새로운 길이(length)를 반환합니다.
push() 메서드의 기본 동작
- 배열의 맨 뒤에 하나 이상의 요소를 추가합니다.
- 추가된 후의 배열 길이를 숫자로 반환합니다.
- 원본 배열 자체가 변경됩니다(mutating method).
예제 코드
아래 코드를 실행하면 배열의 마지막에 요소가 차례대로 추가되는 것을 확인할 수 있습니다.
<html>
<head>
<title>JavaScript Array push Method</title>
</head>
<body>
<script>
var numbers = new Array(30, 70, 75, 90);
var length = numbers.push(100);
document.write("new numbers are : " + numbers);
length = numbers.push(200);
document.write("<br />new numbers are : " + numbers);
</script>
</body>
</html>실행 결과
new numbers are : 30,70,75,90,100 new numbers are : 30,70,75,90,100,200
코드 설명
처음 numbers.push(100)을 호출하면 기존 배열 [30, 70, 75, 90]의 끝에 100이 추가되어 [30, 70, 75, 90, 100]이 되고, 변수 length에는 새로운 길이인 5가 저장됩니다. 이후 numbers.push(200)을 호출하면 200이 다시 추가되어 최종적으로 [30, 70, 75, 90, 100, 200]이 됩니다.
참고: 여러 개의 요소 한 번에 추가하기
push()는 인수를 여러 개 전달할 수 있으므로, 아래와 같이 한 번에 여러 요소를 추가할 수도 있습니다.
var fruits = ["사과", "바나나"];
fruits.push("오렌지", "포도");
console.log(fruits); // ["사과", "바나나", "오렌지", "포도"]이처럼 push() 메서드는 배열 끝에 요소를 손쉽게 추가할 수 있는 가장 일반적이고 직관적인 방법입니다.