반응형
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]
반응형
'자바스크립트' 카테고리의 다른 글
[javascript] find() , findIndex(); (0) | 2023.02.10 |
---|---|
[javascript] concat , indexOf, includes (0) | 2023.02.10 |
[javascript] 자바스크립트 내부 동작 (0) | 2023.02.09 |
[간단정리js] aysnc / await (0) | 2023.01.29 |
[간단정리 js] Map 객체 (0) | 2023.01.29 |