Javascript의 슬라이스 대 스플 라이스

우리 중 많은 사람들이 이 방법들 사이에서 종종 혼란스러워합니다. 우리는 우리가 그것들을 사용할 때마다 인터넷 검색을 끝냅니다. 나는 당신의 머리에서 꽤 명확하게 하려고 노력할 것입니다.

그럼 슬라이스는??

Slice ==> 배열의 전체 또는 일부를 복사합니다.

Slice()- slice() 메서드는 배열의 지정된 부분을 복사하고 복사된 부분을 새 배열로 반환합니다.

따라서 원래 어레이를 변경하지 않고 일부 작업을 수행하려는 요구 사항이 있다고 가정해 보겠습니다.

이 경우 슬라이스를 사용합니다. 정확한 배열을 복사한 다음 해당 배열에 대한 작업을 수행할 수 있습니다.

원래 배열을 변경하지 않습니다.

요구 사항에 따라 전체 배열 또는 배열의 일부를 복사합니다.

사용 방법??

통사론:
array.slice(부터,까지)

From- 지정된 인덱스에서 시작하여 배열을 슬라이스합니다.
다른 요소가 색인될 때까지 배열을 슬라이스합니다.

let fruits = ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']
let citrus = fruits.slice(1, 3)

// citrus contains ['Orange','Lemon']

당신은 슬라이스() 메서드가 마지막으로 주어진 요소를 포함하지 않는다는 것을 알 수 있습니다.

그래서 여기에 우리는 1에서 3까지의 인덱스를 부여했습니다.
fruits[1]---> '오렌지'//포함
fruits[2]---> '레몬'//포함
fruits[3]---> '사과'//포함되지 않음

마지막 인덱스 요소는 슬라이스()에 포함되지 않는다는 것을 기억하십시오.

매개변수 없이 사용할 수도 있습니다. 전체 배열을 복사합니다.

let citrus=fruits.slice();

// citrus contains ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']

접착()

배열에서 요소를 추가/제거/교체하는 데 사용됩니다.

슬라이스()와 달리 배열을 변경/변경합니다.

사용하는 방법??

요소를 제거하려면 indes를 지정하고 제거할 요소는 지정하지 않아야 합니다.

통사론:
array.splice(인덱스, 요소 없음)

제거할 인덱스 시작점입니다.

let myFish = ['angel', 'clown', 'mandarin', 'sturgeon']
let removed = myFish.splice(2)

// myFish is ["angel", "clown"]
// removed is ["mandarin", "sturgeon"]

하나의 매개변수만 전달하면 시작 색인에서 모든 요소가 제거됩니다.

요소 삽입

`let myFish = ['angel', 'clown', 'mandarin', 'sturgeon']
let removed = myFish.splice(2, 0, 'drum')

// myFish is ["angel", "clown", "drum", "mandarin", "sturgeon"]
// removed is [], no elements removed`

0개의 요소를 제거합니다. 즉, 인덱스 2에만 '드럼'을 삽입한다는 의미입니다.

특정 위치에 요소를 삽입하는 동안 두 번째 매개변수로 '0'을 사용한다는 것을 여기서 알 수 있습니다.

0개 요소 제거

let myFish = ['angel', 'clown', 'mandarin', 'sturgeon']
let removed = myFish.splice(2, 0, 'drum', 'guitar')

// myFish is ["angel", "clown", "drum", "guitar", "mandarin", "sturgeon"]
// removed is [], no elements removed

위에서 설명한 요소를 삽입하는 것과 거의 같습니다.

요소 1개 제거

let myFish = ['angel', 'clown', 'drum', 'mandarin', 'sturgeon']
let removed = myFish.splice(3, 1)

// myFish is ["angel", "clown", "drum", "sturgeon"]
// removed is ["mandarin"]

여기에서 인덱스 3에서 1(요소 없음)을 제거하고 싶다고 정의한 것을 알 수 있습니다. 따라서 myFish3가 제거되었습니다.

요소 교체

let myFish = ['angel', 'clown', 'drum', 'sturgeon']
let removed = myFish.splice(2, 1, 'trumpet')

// myFish is ["angel", "clown", "trumpet", "sturgeon"]
// removed is ["drum"]

여기서 myFish2인 인덱스 2에서 두 번째 인수(즉, 요소가 1이 아님)를 지정했기 때문에 인덱스 1의 요소 1개 자체가 제거되었음을 알 수 있습니다.

** 기억하세요 요소를 삽입하려면 두 번째 인수로 '0'을 사용합니다. **를 교체하려면 1을 사용합니다.

*읽어주셔서 감사합니다 좋아요, 공유, 댓글 부탁드립니다 *