본문 바로가기
자바스크립트

[자바스크립트] 배열의 메소드 - push, pop, unshift, shift

by 이Dino 2024. 7. 20.

1. push

  • 배열의 에 값을 추가한다.
  • 마지막 인덱스를 하나 추가하고, 거기에 값을 추가한다.
  • 타입이 다른 값도 추가 가능하다.
const arr = [1, 2, 3, 4];
arr.push(5);
console.log(arr); // 출력: [1, 2, 3, 4, 5]

const arr2 = [1, 2, 3, 4];
arr2.push('5');
console.log(arr2); // 출력: [1, 2, 3, 4, '5']

2. pop

  • 배열의 끝의 값을 삭제한다.
  • 마지막 인덱스의 값이 삭제된다.
  • pop()을 한 값을 반환한다.
const arr = [1, 2, 3, 4, 5];
const popNum = arr.pop();
console.log(arr); // 출력: [1, 2, 3, 4]
console.log(popNum); // 출력: 5

3. unshift

  • 배열의 맨 앞에 값을 추가한다.
  • 인덱스 0에 값을 추가한다.
  • 타입이 다른 값도 추가 가능하다.
const arr = [1, 2, 3, 4];
arr.unshift(100);
arr.unshift('aaa');
console.log(arr); // 출력: ['aaa', 100, 1, 2, 3, 4]

4. shift

  • 배열의 맨 앞의 값을 삭제한다.
  • 인덱스 0의 값을 삭제한다.
  • shift()를 한 값을 반환한다.
const arr = [1, 2, 3, 4, 5];
const shiftNum = arr.shift();
console.log(arr); // 출력: [2, 3, 4, 5]
console.log(shiftNum); // 출력: 1