[JAVASCRIPT] 배열에 요소 추가하는 방법 - push, unshift

JAVASCRIPT

---

push / unshift

자바스크립트에서 기존 배열에 새로운 요소를 추가하는 방법입니다.

 

1. push

배열의 맨 뒤에 요소를 추가합니다.

추가한 요소를 포함한 배열의 길이를 반환합니다. 구문에 보이듯이 여러 개의 요소를 한 번에 추가할 수도 있습니다.

arr.push(element1[, ...[, elementN]])

const color = ["red", "white"];
console.log(color); // ["red", "white"]

color.push("black");
console.log(color); // ["red", "white", "black"]

color.push("sky", "pink");
console.log(color); // ["red", "white", "black", "sky", "pink"]

 

 

2. unshift

배열의 맨 앞에 요소를 추가합니다.

추가한 요소를 포함한 배열의 길이를 반환합니다.

arr.unshift([...elementN])

const color = ["red", "white"];
console.log(color); // ["red", "white"]

color.unshift("pink");
console.log(color); // ["pink", "red", "white"]

 

push와 동일하게 한번에 여러 개를 추가할 수 있습니다.

const color = ["red", "white"];
console.log(color); // ["red", "white"]

color.unshift("pink", "skyblue", "orange");
console.log(color); // ["pink", "skyblue", "orange", "red", "white"]

---

MDN document - Array.prototype.push()

Array.prototype.push() - JavaScript | MDN

MDN document - Array.prototype.unshift()

Array.prototype.unshift() - JavaScript | MDN