4일차 - 자바스크립트에서 slice()와 splice()의 차이점!
slice()
및 splice()
는 모두 자바스크립트 배열의 메서드입니다!일부분()
slice()
원래 배열에서 항목을 복사하고 선택한 요소의 요소를 반환합니다. 원래 어레이는 slice()
를 사용할 때 영향을 받지 않습니다.구문
slice(start,end)
매개변수
start
- 슬라이싱을 시작할 인덱스를 지정합니다. 인덱싱은 0부터 시작합니다. 음수 값 n이 지정되면 마지막 n 값이 검색됩니다. end
- 요소를 선택할 때까지 인덱스를 지정했습니다. 포괄적이지 않습니다. 음수 값 n이 지정되면 마지막 n 값이 제외됩니다. 예
let a=[0,1,2,3,4,5,6,7,8,9];
//Return the elements from 3rd index till 6th index
console.log(a.slice(3,6)); //returns [3, 4, 5]
//Return all the elements from 2nd index
console.log(a.slice(2)); // returns [2, 3, 4, 5, 6, 7, 8, 9]
//Return the last 3 elements
console.log(a.slice(-3)); // returns [7, 8, 9]
//Return all the elements from 1st index except the last 3 elements
console.log(a.slice(1,-3));// returns [1, 2, 3, 4, 5, 6]
접착()
splice()
원래 배열에서 항목을 제거한 다음 선택한 요소를 반환합니다. splice()
를 사용할 때 원래 배열의 내용도 영향을 받습니다.구문
splice(start,delete-count, item1, item 2, .... n)
매개변수
start
- 접합을 시작할 인덱스를 지정합니다. 인덱싱은 0부터 시작합니다. 음수 값 n이 지정되면 마지막 n 값이 검색됩니다. delete-count
- No. 원래 배열에서 삭제하고 반환해야 하는 항목 수. item1, item 2, .... n
- start
인덱스부터 추가되는 새로운 항목입니다. 예
let a=[0,1,2,3,4,5,6,7,8,9];
//Delete the elements from 3rd index till 6th index
console.log(a.splice(3,3)); //returns [3, 4, 5] and a=[0, 1, 2, 6, 7, 8, 9]
//Delete 4 elements from 2nd index
let a=[0,1,2,3,4,5,6,7,8,9];
console.log(a.splice(2,4)); //returns [2, 3, 4, 5] and a=[0, 1, 6, 7, 8, 9]
//Delete all the elements from 2nd index
let a=[0,1,2,3,4,5,6,7,8,9];
console.log(a.splice(2)); // returns [2, 3, 4, 5, 6, 7, 8, 9] and a=[0, 1]
//Delete the last 3 elements
let a=[0,1,2,3,4,5,6,7,8,9];
console.log(a.splice(-3)); // returns [7, 8, 9] and a=[0, 1, 2, 3, 4, 5, 6]
//Delete 2 elements from the 5th index and add 2 new elements
let a=[0,1,2,3,4,5,6,7,8,9];
console.log(a.splice(5,2,"five","six")); // returns [5, 6] and a=[0, 1, 2, 3, 4, 'five', 'six', 7, 8, 9]
//No deletion. Just add 2 new elements before the 6th index
let a=[0,1,2,3,4,5,6,7,8,9];
console.log(a.splice(6,0,5.1,5.2)); // returns [] and a=[0, 1, 2, 3, 4, 5, 5.1, 5.2, 6, 7, 8, 9]
Reference
이 문제에 관하여(4일차 - 자바스크립트에서 slice()와 splice()의 차이점!), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/sanjaybabu/day-4-difference-between-slice-and-splice-in-javascript-309n텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)