JavaScript에서 배열에 새로운 요소를 추가하는 방법은 삽입 위치에 따라 달라집니다. 배열 끝에 요소를 추가하려면 push() 메서드를, 배열 맨 앞에 추가하려면 unshift() 메서드를 사용합니다. 그리고 특정 인덱스 위치에 삽입하려면 splice() 메서드를 활용하면 됩니다.
각 방법의 사용 예제를 자세히 살펴보겠습니다.
1. push() – 배열 끝에 요소 추가
push() 메서드는 배열의 마지막에 하나 이상의 요소를 추가하고, 변경된 배열의 길이를 반환합니다.
예제
let arr = ["test", 1, 2, "hello", 23.5]; arr.push(123); console.log(arr);
출력 결과
[ 'test', 1, 2, 'hello', 23.5, 123 ]
2. unshift() – 배열 맨 앞에 요소 추가
unshift() 메서드는 배열의 시작 부분에 하나 이상의 요소를 추가하고, 변경된 배열의 길이를 반환합니다.
예제
let arr = ["test", 1, 2, "hello", 23.5]; arr.unshift(123); console.log(arr);
출력 결과
[ 123, 'test', 1, 2, 'hello', 23.5 ]
3. splice() – 특정 인덱스에 요소 삽입
splice() 메서드는 기존 요소를 제거하거나 교체하고, 새로운 요소를 그 자리에 추가하여 배열의 내용을 변경합니다. 이 메서드를 활용하면 원하는 인덱스 위치에 자유롭게 요소를 삽입할 수 있습니다.
splice(시작 인덱스, 삭제할 개수, 추가할 요소) 형태로 사용하며, 두 번째 인수를 0으로 지정하면 기존 요소를 삭제하지 않고 해당 위치에 새 요소만 삽입됩니다.
예제
let arr = ["test", 1, 2, "hello", 23.5]; // 인덱스 2 위치에서 0개의 요소를 삭제하고(즉, 삽입) 123을 추가 arr.splice(2, 0, 123); console.log(arr);
출력 결과
[ 'test', 1, 123, 2, 'hello', 23.5 ]
정리
- push(): 배열 끝에 요소 추가
- unshift(): 배열 맨 앞에 요소 추가
- splice(index, 0, 값): 원하는 인덱스 위치에 요소 삽입
상황에 맞는 메서드를 선택하면 배열 조작을 더욱 효율적으로 처리할 수 있습니다.