JS 기초 : 배열 내장 함수 pop push / shift unshift

◼ 배열에 값 추가

---

◻ push

MDN 문서-push

• 배열의 마지막 요소 뒤에 새로운 요소를 추가
• 반환값으로 배열의 새로운 길이를 반환
• 배열명.push(추가할 요소) 형태로 작성

const numbers = [1, 2, 3, 4, 5];

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

---

◻ unshift

MDN 문서-unshift

• 배열의 첫 번째 요소 앞에 새로운 요소를 추가
• 반환값으로 배열의 새로운 길이를 반환
• 배열명.unshift(추가할 요소) 형태로 작성

const numbers = [1, 2, 3, 4, 5];

const count = numbers.unshift(7);
console.log(count); // 6
console.log(numbers); // [7,1,2,3,4,5]

---

◼ 배열에서 값 추출

---

◻ pop

MDN 문서-pop

• 배열의 마지막 요소를 추출
• 추출한 요소를 해당 배열에서 제거
• 배열명.pop()형태로 작성

const numbers = [1, 2, 3, 4, 5];

const value = numbers.pop();
console.log(value); // 5
console.log(numbers); // [1,2,3,4]

---

◻ shift

MDN 문서-shift

• 배열의 첫 번째 값을 추출
• 원본 배열에서 해당 요소를 제거
• 배열명.shift() 형태로 작성

const numbers = [1, 2, 3, 4, 5];

const value = numbers.shift();
console.log(value); //1
console.log(numbers); //[2,3,4,5]

---

◼ 요약

• 배열의 값을 추가하는 메서드

  • unshift : 맨 앞에 추가
  • push : 맨 뒤에 추가

• 원본 배열에서 값을 아예 빼는 메서드

  • shift : 맨 앞에서 추출
  • pop : 맨 뒤에서 추출

• pop - push는 한 쌍 : 맨 뒤 요소 변경

• shift - unshift는 한 쌍 : 맨 앞 요소 변경

---