Array.prototype.push()
사용법
push()
함수는
배열의 끝에 하나 이상의 요소를 추가(push, 뒤에서 밀어 넣기)하는 함수입니다.
배열의 새로운 길이를 반환합니다.
const arr = [1, 2, 3];
// 배열 끝에 하나의 요소를 추가합니다.
arr.push(4);
console.log(arr); // 출력: [1, 2, 3, 4]
// 배열 끝에 여러 개의 요소를 추가합니다.
arr.push(5, 6, 7);
console.log(arr); // 출력: [1, 2, 3, 4, 5, 6, 7]
push()
함수의 형식은 다음과 같습니다.
구문
arr.push(element1[, ...[, elementN]])
arr
은 push()
함수를 적용할 배열입니다.
매개변수
element1 , elementN |
배열 끝에 추가할 요소(들)입니다.
배열에 추가할 하나 이상의 값을 지정할 수 있습니다. |
---|
반환 값
반환 값은 배열에 요소가 추가된 후의 총 요소 개수를 나타냅니다. 이 값은 정수(예: 1, 2, 3, ...)로 반환됩니다.
push()
함수의 반환 값
const arr = [1, 2, 3];
// 배열 끝에 하나의 요소를 추가하고 반환 값 저장
const totalElements = arr.push(4);
console.log(totalElements); // 출력: 4
예제
예제로 살펴보겠습니다.
하나의 요소 추가
const fruits = ["apple", "banana", "cherry"];
// 배열 끝에 하나의 요소 추가
fruits.push("date");
// 배열의 내용 확인
console.log(fruits); // 출력: ['apple', 'banana', 'cherry', 'date']
여러 개의 요소 추가
여러 개의 요소를 추가하려면 push()
함수에 추가하려는 요소들을 쉼표(,
)로 구분해서 순서대로 나열하면 됩니다. 아래의 예제를 통해 확인할 수 있습니다.
const fruits = ["apple", "banana", "cherry"];
// 배열 끝에 여러 개의 요소 추가
fruits.push("date", "elderberry");
// 배열의 내용 확인
console.log(fruits); // 출력: ['apple', 'banana', 'cherry', 'date', 'elderberry']
객체 추가
push()
함수에 일반 요소를 추가하듯이 객체(object)를 추가하면 됩니다. 아래의 예제를 통해 확인할 수 있습니다.
const myArray = []; // 빈 배열 생성
const object1 = {name: "John", age: 30};
const object2 = {name: "Jane", age: 25};
myArray.push(object1); // 배열의 끝에 객체 추가
myArray.push(object2);
console.log(myArray); // 출력: [{name: 'John', age: 30}, {name: 'Jane', age: 25}]
push()
함수를 사용하지 않고 배열의 끝에 값 추가하는 방법
자바스크립트에서 배열 끝에 요소를 추가하는 가장 일반적인 방법은 push()
함수를 사용하는 것이지만, 다른 방법도 있습니다. 몇 가지 대안적인 방법을 아래에 나열해 보겠습니다.
concat()
함수 사용- 스프레드 문법 사용
length
속성을 이용
concat()
함수 사용
concat()
함수를 사용하여 새로운 배열을 만들고 추가 요소를 포함시킬 수 있습니다. 이렇게 하면 기존 배열을 수정하지 않고 새로운 배열을 반환합니다.
const arr = [1, 2, 3];
const newArr = arr.concat(4);
console.log(newArr); // 출력: [1, 2, 3, 4]
스프레드 문법 사용
스프레드 문법을 사용하여 요소를 배열에 추가할 수 있습니다.
const arr = [1, 2, 3];
const newItem = 4;
const newArr = [...arr, newItem];
console.log(newArr); // 출력: [1, 2, 3, 4]
length
속성을 이용
배열의 length
속성을 사용하여 배열의 끝에 요소를 추가할 수 있습니다. 이 방법은 효율적이지 않을 수 있으므로 주의해야 합니다.
const arr = [1, 2, 3];
arr[arr.length] = 4;
console.log(arr); // 출력: [1, 2, 3, 4]
명세서
명세서 사양 | |
---|---|
push()
|
ECMAScript Language Specification #sec-array.prototype.push |
브라우저 호환성
메서드 |
데스크탑 Chrome
|
데스크탑데스크탑 Edge
|
데스크탑 Firefox
|
Safari
|
---|---|---|---|---|
push()
|
1 | 12 | 1 | 1 |