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
'자바스크립트' 카테고리의 다른 글
[자바스크립트] 배열 구조 분해 (0) | 2024.08.02 |
---|---|
[자바스크립트] 배열의 메소드 - splice, slice (0) | 2024.07.28 |
[자바스크립트] 배열 (0) | 2024.07.16 |
[자바스크립트] 변수의 호이스팅과 스코프 (0) | 2024.07.10 |
[자바스크립트] 변수 네이밍 (0) | 2024.07.06 |