가장 강력한 배열 방식 : Splice

Splice는 Array의 가장 강력한 방법 중 하나입니다. 접합 방법을 사용하여 다음과 같은 것을 얻을 수 있습니다.

배열의 지정된 인덱스에서 요소를 제거합니다

.

배열에서 요소 교체( 제거 + 삽입 )

배열에 요소 삽입

즉, splice 메서드는 원래 배열을 변경합니다.

구문을 살펴보십시오.

splice(start, deleteCount, item1, item2, itemN)

Note : Except start all others are optional )

이를 이해하기 위해 예제로 직접 이동합니다.

배열에서 요소 제거

예 - 1

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
numbers.splice(2);
console.log(' result - 1 ', numbers);   // [1, 2]

여기서 splice 방법은 지정된 인덱스에서 다른 모든 요소를 ​​제거하는 것입니다(예: 구문에 지정된 대로 시작)

.

이제 네 가지 가능성이 있습니다. 시작 - 인덱스는 +ve , -ve , 0 , 범위를 벗어난 인덱스일 수 있습니다

.

예 - 2

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
numbers.splice(0);
console.log(' result - 1 ', numbers);   // []

기본적으로 splice 메서드는 인덱스 0에서 모든 요소를 ​​제거합니다.

이는 궁극적으로 배열에서 모든 요소를 ​​제거함을 의미합니다.

splice 방법을 사용하여 배열을 비울 수 있다는 결론을 내릴 수 있습니다.

예 - 3

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
numbers.splice(-2);
console.log(' result - 1 ', numbers);   // [1, 2, 3, 4, 5, 6, 7]

시작 색인이 -ve로 지정된 경우 splice 메서드는 해당 배열의 끝에서 모든 요소를 ​​제거합니다.

예 - 4

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
numbers.splice(20);
console.log(' result - 1 ', numbers);   // [1, 2, 3, 4, 5, 6, 7, 8, 9];

시작 색인이 배열의 길이보다 크거나 같으면 요소가 제거되지 않습니다.

N 번호를 제거합니다. 배열의 요소

splice(start, deleteCount)

이제 요소 제거를 시작할 수 있는 인덱스와 함께 구문에 지정된 대로 deleteCount를 사용하여 제거할 수 있는 요소 수를 정확하게 지정할 수 있습니다.

선택 사항입니다.

이제 아이디어를 얻을 수 있도록 예제를 살펴보겠습니다

.

예 - 5

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
numbers.splice(3,2);
console.log(' result - 1 ', numbers);   // [1, 2, 3, 6, 7, 8, 9]

위의 예에서 splice 메서드는 시작 인덱스에서 2개의 요소(2 - deletecount)를 제거하기 시작합니다. 즉, 3

배열에서 요소 바꾸기

splice(start, deleteCount, item1, item2, itemN)

배열에서 요소를 교체할 수 있습니다. 즉, 요소를 동시에 삽입하고 제거할 수 있습니다.

다음 예를 보면 이를 명확하게 이해할 수 있습니다

.

예 - 6

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
numbers.splice(3,2, "a", "b", "c");
console.log(' result - 1 ', numbers);   // [1, 2, 3, 'a', 'b', 'c', 6, 7, 8, 9]

위의 인덱스 3(즉, start - 3 ) 예에서 2개의 요소(즉, delete count - 2 및 요소: 3 & 4 )가 제거되고 "a", "b"및 "c"가 추가됩니다. .

배열에 요소 삽입

삭제 횟수를 0으로 유지하면 쉽게 달성할 수 있습니다.

예 - 7

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
numbers.splice(3,0, "a", "b", "c");
console.log(' result - 1 ', numbers);   // [1, 2, 3, 'a', 'b', 'c', 4, 5, 6, 7, 8, 9]

이전 예제를 살펴보았다면 이 예제는 설명이 필요하지 않다고 생각합니다.

반환 값

어떤 요소가 제거되었는지 정확하게 추적해야 하는 경우가 있습니다.

그런 다음 배열에 연결하면 삭제된 요소의 배열이 반환됩니다.

다음 예를 살펴보십시오.

예 - 8

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
let deletedArray = numbers.splice(3,2);
console.log( " -- deleted arr --- ", deletedArray); // [4, 5]

배열에서 제거된 요소가 없으면 빈 배열이 반환된다는 점에 유의하십시오

.

들러 주셔서 감사합니다!. 유용하다고 생각되면 공유를 고려하십시오. 여기에서 나와 연결할 수 있습니다.