javascript 배열 요소를 앞에 추가(Prepend), 뒤에 추가(Append) 하는 방법

자바스크립트에서 배열의 요소 앞에 추가(Prepend)하거나 뒤에 추가(Append)하는 방법입니다. 대부분 배열 마지막에 요소를 추가하는 방법을 알고 있지만 처음에 요소를 추가하는 방법을 잘 모릅니다. 또 한 번에 여러 요소를 추가하는 방법을 알아 봅시다.

 

const fruits = ["🍎", "🍌", "🍒"];

// push로 요소를 마지막에 추가
fruits.push("🍉");
console.log(fruits); // ["🍎", "🍌", "🍒", "🍉"];

// unshift로 요소를 처음에 추가
fruits.unshift("🍆");
console.log(fruits); // ["🍆", "🍎", "🍌", "🍒", "🍉"];

// 한 번에 여러 항목을 추가
fruits.push("🍍", "🍊");
fruits.unshift("🍍", "🍊");

// 또한 전개연산자 spread operator (...)를 사용할 수 있습니다.
// 다른 배열의 모든 요소를 추가
fruits.push(...["🍍", "🍊"]);
fruits.unshift(...["🍍", "🍊"]);