자바스크립트 push() 함수 – 배열 끝에 요소 추가하기

`Array.prototype.push()` 사용법

push() 함수는
배열의 끝에 하나 이상의 요소를 추가(push, 뒤에서 밀어 넣기)하는 함수입니다.
배열의 새로운 길이를 반환합니다.

JavaScript

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() 함수를 적용할 배열입니다.

매개변수

push() 함수의 매개변수 설명
`element1`, `elementN`	배열 끝에 추가할 요소(들)입니다. 배열에 추가할 하나 이상의 값을 지정할 수 있습니다.

반환 값

반환 값은 배열에 요소가 추가된 후의 총 요소 개수를 나타냅니다. 이 값은 정수(예: 1, 2, 3, ...)로 반환됩니다.

JavaScript push() 함수의 반환 값

const arr = [1, 2, 3];

// 배열 끝에 하나의 요소를 추가하고 반환 값 저장
const totalElements = arr.push(4);
console.log(totalElements); // 출력: 4

예제

예제로 살펴보겠습니다.

하나의 요소 추가

JavaScript

const fruits = ["apple", "banana", "cherry"];

// 배열 끝에 하나의 요소 추가
fruits.push("date");

// 배열의 내용 확인
console.log(fruits); // 출력: ['apple', 'banana', 'cherry', 'date']

여러 개의 요소 추가

여러 개의 요소를 추가하려면 push() 함수에 추가하려는 요소들을 쉼표(,)로 구분해서 순서대로 나열하면 됩니다. 아래의 예제를 통해 확인할 수 있습니다.

JavaScript

const fruits = ["apple", "banana", "cherry"];

// 배열 끝에 여러 개의 요소 추가
fruits.push("date", "elderberry");

// 배열의 내용 확인
console.log(fruits); // 출력: ['apple', 'banana', 'cherry', 'date', 'elderberry']

객체 추가

push() 함수에 일반 요소를 추가하듯이 객체(object)를 추가하면 됩니다. 아래의 예제를 통해 확인할 수 있습니다.

JavaScript

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}]