본문 바로가기

자바스크립트

[javascript] push(), pop(), splice(), slice()

반응형

Array.prototype.push()

 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환

const numbers = [1,2];

numbers.push(3);
console.log(numbers) //[1,2,3]

const arrLen =numbers.push(4,5);

console.log("새배열:",numbers,"배열길이:",arrLen) //새배열: [ 1, 2, 3, 4, 5 ] 배열길이: 5

 

Array.prototype.pop()

배열의 끝에 하나의 요소를 제거하고, 제거한 요소를 반환

const numbers = [1,2];

const newArr = numbers.pop();

console.log("기존배열:",numbers) // 기존배열: [1]
console.log("삭제된 요소:",newArr) //삭제된 요소: 2

 

Array.prototype.splice(시작인덱스, 마지막인덱스)

주어진 배열의 시작인덱스 부터 마지막인덱스-1 에 해당하는 요소를 제거하고, 제거한 요소를 새로운 배열로 반환

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

const newNumbers = numbers.splice(0,3)

//                          0 1 2
console.log(newNumbers) // [1,2,3]


// 기존배열의 출력값
console.log(numbers) //[4,5]

Array.prototype.slice(시작인덱스,마지막인덱스)

주어진 배열의 시작인덱스 부터 마지막인덱스-1 에 해당하는 요소를 복사하고, 복사한 요소를 새로운 배열로 반환

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

const newNumbers = numbers.slice(0,3)

//                          0 1 2
console.log(newNumbers) // [1,2,3]


// 기존배열의 출력값(삭제 되지 않고 원래 배열이 출력됨)
//                      0 1 2 3 4
console.log(numbers) //[1,2,3,4,5]
반응형