29. slice()

배열.slice(시작 위치, [끝나는 위치])

const arr = ["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"];

console.log(arr.slice(0));
console.log(arr.slice(1));
console.log(arr.slice(2));
console.log(arr.slice(0, 1));
console.log(arr.slice(1, 2));
console.log(arr.slice(0, 2));
console.log(arr.slice(5, 10));
console.log(arr.slice(5, -1));
console.log(arr.slice(-2));
console.log(arr.slice(-3, -1));
결과 확인하기
["j", "a", "v", "a", "s", "c", "r", "i", "p", "t"]
["a", "v", "a", "s", "c", "r", "i", "p", "t"]
["v", "a", "s", "c", "r", "i", "p", "t"]
["j"]
["a"]
["j", "a"]
["c", "r", "i", "p", "t"]
["c", "r", "i", "p"]
["p", "t"]
["i", "p"]

slice()

slice() 메서드는 시작 위치에서 종료 위치 값을 추출하여, 새로운 배열을 반환합니다.

30. splice()

배열.splice(시작 위치, [삭제 개수], [요소])

const arrNum1 = [100, 200, 300, 400, 500];
const result1 = arrNum1.splice(1);
console.log(arrNum1);
console.log(result1);

const arrNum2 = [100, 200, 300, 400, 500];
const result2 = arrNum2.splice(1, 2);
console.log(arrNum2);
console.log(result2);

const arrNum3 = [100, 200, 300, 400, 500];
const result3 = arrNum3.splice(1, 3);
console.log(arrNum3);
console.log(result3);


const arrNum4 = [100, 200, 300, 400, 500];
const result4 = arrNum4.splice(1, 2, "javascript");
console.log(arrNum4);
console.log(result4);

const arrNum5 = [100, 200, 300, 400, 500];
const result5 = arrNum5.splice(1, 0, "javascript");
console.log(arrNum5);
console.log(result5);

const arrNum6 = [100, 200, 300, 400, 500];
const result6 = arrNum6.splice(0, 4, "javascript");
console.log(arrNum6);
console.log(result6);

const arrNum7 = [100, 200, 300, 400, 500];
const result7 = arrNum7.splice(2, 2, "javascript", "react");
console.log(arrNum7);
console.log(result7);

const arrNum8 = [100, 200, 300, 400, 500];
const result8 = arrNum8.splice(-2, 2, "javascript");
console.log(arrNum8);
console.log(result8);
결과 확인하기
[100]
[ ]
[100, 400, 500]
[200, 300]
[100, 500]
[200, 300, 400]
[100, 'javascript', 400, 500]
[200, 300]
[100, 'javascript', 200, 300, 400, 500]
[ ]
['javascript', 500]
[100, 200, 300, 400]
[100, 200, 'javascript', 'react', 500]
[300, 400]
[100, 200, 300, 'javascript']
[400, 500]

splice()

splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다.

메서드명

설명
결과 확인하기
결과

To Top