[JavaScript] 배열에 원소 추가, 제거하기 (push, pop, unshift, shift)

배열에 원소 추가하기

push() 메서드는 배열의 끝에 하나 이상의 원소를 추가합니다.

배열의 끝에 추가할 원소를 반드시 하나 이상 포함해야 합니다.

const fruits = ["apple", "banana"];
fruits.push("orange");
console.log(fruits); // ["apple", "banana", "orange"]

메서드 호출이 완료되면 배열의 새 길이가 리턴됩니다.

 

만약 새 배열의 길이를 변수에 저장하고 싶은 경우 다음과 같이 할 수 있습니다.

const fruits = ["apple", "banana"];
const myArray = fruits.push("cherry");
console.log(myArray); // 3

 

 

unshift() 메서드는 배열의 시작에 하나 이상의 원소를 추가합니다.

const fruits = ["apple", "banana"];
fruits.unshift("cherry");
console.log(fruits); //   ['cherry', 'apple', 'banana']

 

 

배열의 원소 제거하기

pop() 메서드는 배열의 끝에서 하나의 원소를 제거하고, 제거된 원소를 리턴합니다.

const fruits = ["apple", "banana", "cherry"];
fruits.pop();
console.log(fruits); // ['apple', 'banana']

메서드 호출이 완료되면 제거된 원소가 리턴됩니다.

 

이 원소를 새 변수에 저장하기 위해서, 다음과 같이 할 수 있습니다.

const fruits = ["apple", "banana", "cherry"];
const myArray = fruits.pop();
console.log(fruits); // ['apple', 'banana']
console.log(myArray); // 'cherry'

 

 

shift() 메서드는 배열의 시작에서 하나의 원소를 제거하고, 제거된 원소를 리턴합니다.

const fruits = ["cherry", "apple", "banana"];
fruits.shift("cherry");
console.log(fruits); // ['apple', 'banana']

 

 

Recap

• unshift()와 shift()는 push(), pop()과 완전히 동일하게 동작합니다.
• push(): 배열의 끝에 요소를 추가하고, 새로운 배열의 길이를 리턴합니다.
• unshift(): 배열의 제일 앞에 요소를 추가하고, 새로운 배열의 길이를 리턴합니다.
• pop(): 배열의 마지막 요소를 제거하고, 제거된 요소를 리턴합니다.
• shift(): 배열의 첫 번째 요소를 제거하고, 제거된 요소를 리턴합니다.