[JavaScript] 배열 원소 제거/추가 방법(pop, shift, push, unshift 함수)

💡 목표

JavaScript에서 배열의 원소 추가/삭제하는 방법에 대해 이해한다.

들어가며

배열 선언

const arr = [80, 20, 10, 15];

위와 같이 배열 객체를 생성하는 동시에 초기화했습니다.

함수 구분

원본 데이터 수정여부에 따라 함수 종류를 구분할 수 있습니다.

설명에 있어 함수 이름 앞에 *을 붙인 경우는 원본 데이터를 수정하는 함수이며,

*를 붙이지 않은 함수는 원본 데이터를 수정하지 않습니다.

1.  *pop 함수: 맨 뒤 원소 제거

// arr = [80, 20, 10, 15];
console.log(arr.pop()); // 15
console.log(arr); // [ 80, 20, 10 ]

pop 함수는 배열 맨 뒤의 원소 1개를 제거하며, 제거한 원소를 리턴합니다.

2.  *shift 함수: 맨 앞 원소 제거

// arr = [80, 20, 10];
console.log(arr.shift()); // 80
console.log(arr); // [ 20, 10 ]

shift 함수는 배열 맨 앞의 원소 1개를 제거하며, 제거한 원소를 리턴합니다.

3.  *push 함수: 맨 뒤에 원소 추가

// arr = [20, 10];
console.log(arr.push(99)); // 3
console.log(arr); // [ 20, 10, 99 ]
console.log(arr.push(1234)); // 4
console.log(arr); // [ 20, 10, 99, 1234 ]

push 함수는 배열의 맨 뒤에 원소 1개를 추가하며, 배열 내 원소의 개수를 리턴합니다.

4.  *unshift 함수: 맨 앞에 원소 추가

// arr = [ 20, 10, 99 ];
console.log(arr.unshift(777)); // 4
console.log(arr); // [ 777, 20, 10, 99 ]

push 함수는 배열의 맨 앞에 원소 1개를 추가하며, 배열 내 원소의 개수를 리턴합니다.

---

포스팅 내용에 오류가 있다면 아래에 댓글 남겨주세요!

그럼 오늘도 즐겁고 건강한 하루 보내시길 바랍니다.

고맙습니다 :-)