Javascript: 더 이상 혼동하지 마세요 — Splice vs Slice

9034 단어 webdevjavascriptprogrammingdiscuss
그들은 다른 목적으로 만들어졌지만 여러 시나리오에서 동일하게 보입니다. 글의 끝으로 끌지 말고 먼저 혼란을 정리하겠습니다.

팁 1: 의미 살펴보기
Splice: 끝에서 가닥을 엮어서 연결하거나 연결합니다(로프 또는 로프).
Slice: (무언가, 특히 음식)을 조각으로 자릅니다.

확인. 먼저 그 의미에 대해 Google에 감사해야 합니다. 고마워요, 구글. 😃

어느 정도 해소되셨기를 바랍니다.

팁 2: 매우 직관적인 팁은 아니지만 혼란을 조금 더 해소할 가치가 있습니다. Splice — 텍스트 length가 slice보다 큽니다. 스플라이스는 슬라이스에 비해 더 많은 매개변수를 사용할 수 있습니다. 여기에서 선언을 참조하십시오.
arr.splice(start, deleteCount, item1, item2, ..., itemN);arr.slice(start, end);
팁 3: 여기서 기술적인 팁입니다. Splice는 원본 배열을 변경하지만 슬라이스는 변경하지 않습니다.

누군가 빵 조각을 묻는다면 어떻게 하시겠습니까?

모든 팁을 기억할 필요는 없습니다. 관심을 끌었던 한 가지만 기억하십시오.

➡️ 또한 다른 방식으로 기억한 적이 있다면. 댓글 부탁드립니다.

이제 기술적인 것입니다. 그들은 정말로 무엇을합니까?

먼저 스플라이스:

JS 배열에서만 작동하는 배열 방법입니다. 배열에서 새 요소를 제거, 교체 및/또는 추가합니다.

원래 배열을 변경합니다.
splice(start, deleteCount, item1, item2, ..., itemN);start — 어레이 변경을 시작할 위치.
deleteCount — 처음부터 제거할 요소의 수는 선택 사항입니다.
item1, item2 and so on — 시작 후 배열에 요소를 추가합니다.

splice는 제거된 항목이 없으면 배열에서 반환하고 빈 배열을 반환합니다.




➡️ 위의 예가 모든 시나리오를 다루기를 바랍니다. 더 재미있는 시나리오를 찾으면 댓글을 달아주세요. 귀하의 제안으로 언제든지 문서를 업데이트하게 되어 매우 기쁩니다.



지금 슬라이스



배열을 슬라이스하고 얕은 복사본을 반환합니다.



원본 배열을 변경(변경)하지 않음



슬라이스(시작, 종료); - 시작(포함)에서 끝(제외)까지 슬라이스하고 음수 값을 허용합니다.





const mainArr = ['Apple', 'banana', 'mango', 'grapes', 'orange'];

const shallowArr = mainArr.slice(1,4);
shallowArr
> ['banana', 'mango', 'grapes']

// only start index till end of the arr.
const onlyStart = mainArr.slice(3);
onlyStart
> ['grapes', 'orange']

// start greater than array length.
const startGreaterThanIndex = mainArr.slice(5);
startGreaterThanIndex
> []

// copy everything.
const copyArr = mainArr.slice();
> ['Apple', 'banana', 'mango', 'grapes', 'orange']

// with negative start and end. Negative values represents offset from end of the array.
const negativeSlice = mainArr.slice(-1);
negativeSlice
> ['orange']

const negativeRange = mainArr.slice(-3, 2);
negativeRange;
> []

const negativeRange1 = mainArr.slice(-3, -2);
negativeRange1;
> ['mango']

const negativeIndex = mainArr.slice(-4);
negativeIndex;
> ['banana', 'mango', 'grapes', 'orange']

const negativeGreaterOffset = mainArr.slice(-6);
negativeGreaterOffset;
> ['Apple', 'banana', 'mango', 'grapes', 'orange']


배열의 슬라이스와 유사하게 문자열에도 슬라이스가 있습니다. 동일한 방식으로 작동하지만 문자열에서 작동합니다.



감사합니다. 😊



<시간/>

💎 당신의 반응을 보고 싶어요



<올>

  • 좋아요 - 여기에 도달했다는 의미입니다. 나는 좋아할 자격이 있다고 생각합니다.

  • 댓글 - 함께 배울 수 있습니다.

  • 공유 - 다른 사람들도 이 리소스를 유용하게 사용할 수 있습니다.

  • 구독/팔로우 - 내 일일 기사를 최신 상태로 유지합니다.

  • 격려 - You can buy me a Coffee


    • <시간/>

    더 논의합시다.



    <올>
  • DM만 주세요

  • 또는

    언급


    • 추가 업데이트:



    스포티파이 로봇
    Python에서 더 리터럴이 되는 방법

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage