자바스크립트 push() 함수 사용하기

push() 함수는 JavaScript 배열에 새로운 요소를 배열의 끝에 추가하는 메서드입니다. 이를 통해 배열의 길이가 자동으로 증가하고, 새로운 요소가 배열의 마지막 요소로 추가합니다. push() 함수는 배열에 요소를 추가하는 간단하고 유용한 방법입니다. 요소를 배열의 끝에 추가하려면 이 함수를 사용하면 됩니다. 배열의 길이가 자동으로 관리되므로 새로운 요소를 추가하기 매우 편리합니다.

 

 

 

 

◎ 1. push() 함수

 

push() 함수는 배열 array에 하나 이상의 요소(element1, element2, ..., elementN)를 추가합니다. 이 메서드는 배열의 끝에 요소를 추가하고, 배열의 길이를 증가시킵니다.

 

array.push(element1, element2, ..., elementN) l  array (배열, 필수): 요소가 추가될 배열입니다. l  element1, element2, ..., elementN (필수): 배열에 추가할 하나 이상의 요소입니다.

 

 

◎ 2. 사용 예제

 

(1) 기본 push() 사용

 

const fruits = ['apple', 'banana', 'orange'];
fruits.push('strawberry');
 
console.log(fruits); // ['apple', 'banana', 'orange', 'strawberry']
 
[출력]
[ 'apple', 'banana', 'orange', 'strawberry' ]

 

 

예제에서 push() 함수를 사용하여 'strawberry'를 fruits 배열의 끝에 추가합니다. 결과적으로 배열의 길이가 4로 증가하고 'strawberry'가 배열의 마지막 요소로 추가됩니다.

 

(2) 여러 요소 추가

 

const numbers = [1, 2, 3];
numbers.push(4, 5, 6);
 
console.log(numbers); // [1, 2, 3, 4, 5, 6]
 
[출력]
[ 1, 2, 3, 4, 5, 6 ]

  

예제에서 push() 함수를 사용하여 여러 요소(4, 5, 6)를 numbers 배열의 끝에 추가합니다. 배열의 길이가 6으로 증가하고 이러한 요소가 순서대로 배열에 추가됩니다.

 

(3) 문자열과 변수 요소 추가

 

const colors = ['red'];
const newColor = 'blue';
colors.push(newColor, 'green');
 
console.log(colors); // ['red', 'blue', 'green']
 
[출력]
['red', 'blue', 'green']

  

예제에서 push() 함수를 사용하여 변수 newColor와 문자열 'green'을 colors 배열의 끝에 추가합니다. 배열의 길이가 3으로 증가하고 요소들이 추가됩니다.

 

 

▼ 자바스크립트 내장 객체 Array 가 무엇인지 알려드립니다.

https://mainia.tistory.com/4216

자바스크립트(Javascript) 내장 객체 Array 알아보기 – 1회

https://mainia.tistory.com/4236

자바스크립트 내장 객체 Array 의 concat 함수 알아보기 – 2회

 

▼ 자바스크립트에서 배열을 초기화하는 여러 방법들이 들어 있습니다.

https://mainia.tistory.com/6920

자바스크립트 배열 Array 초기화 하는 다양한 방법