JavaScript에서 배열의 맨 끝에 새로운 항목을 추가하려면 push() 메서드를 사용하면 됩니다. push() 메서드는 지정한 값을 배열 마지막에 삽입한 후, 변경된 배열의 길이를 반환합니다.
기본 사용 예제
다음 코드를 실행하면 기존 배열 끝에 "HR"이라는 항목이 추가되는 것을 확인할 수 있습니다.
<html>
<body>
<script>
var arr = ["marketing", "technical", "finance", "sales"];
arr.push("HR");
document.write(arr);
</script>
</body>
</html>실행 결과
marketing,technical,finance,sales,HR
push() 메서드의 특징
push() 메서드는 한 번에 여러 개의 값을 추가할 수도 있습니다. 예를 들어 arr.push("HR", "legal")처럼 쉼표로 구분하여 전달하면 두 항목이 순서대로 배열 끝에 추가됩니다.
배열 앞에 항목을 추가하고 싶다면?
배열의 맨 앞에 항목을 추가하려면 unshift() 메서드를 사용하세요.
var arr = ["marketing", "technical"];
arr.unshift("finance"); // ["finance", "marketing", "technical"]원본 배열을 변경하지 않고 추가하는 방법
기존 배열을 유지한 채 새 배열을 만들려면 concat() 메서드나 스프레드 연산자(...)를 활용할 수 있습니다.
var arr = ["marketing", "technical"];
var newArr = arr.concat("HR");
// 또는
var newArr2 = [...arr, "HR"];상황에 따라 적절한 방법을 선택하면 더 안전하고 효율적인 코드를 작성할 수 있습니다.