> 웹 프론트엔드 > JS 튜토리얼 > JS에서 스플라이스를 사용하는 방법

JS에서 스플라이스를 사용하는 방법

下次还敢
풀어 주다: 2024-05-01 04:06:18
원래의
710명이 탐색했습니다.

JavaScript의 Splice 메소드를 사용하면 배열에서 요소를 제거하거나 삽입하여 제거된 요소가 포함된 새 배열을 반환할 수 있습니다. 사용법은 다음과 같습니다: 요소 삭제: arr.splice(start, deleteCount) 요소 삽입: arr.splice(start, 0, ...items) 요소 교체: arr.splice(start, 1, ...items) 삭제 끝에서부터 요소: arr.splice(-1, deleteCount) 처음부터 요소 삭제: arr.splice(0, deleteCount)

JS에서 스플라이스를 사용하는 방법

JavaScript에서 Splice 메소드 사용

Splice 메소드는 내장되어 있습니다. -in 배열에서 요소를 제거하거나 삽입하는 JavaScript 방법의 배열 개체입니다. 삭제된 요소가 포함된 새 배열을 반환하며, 새 요소를 원래 순서대로 삽입할 수 있습니다.

Syntax

<code class="js">array.splice(start, deleteCount, ...items)</code>
로그인 후 복사

Parameters

  • start: 삭제된 요소의 시작 위치로, 0부터 시작합니다. 음수를 지정하면 배열의 끝부터 계산이 시작됩니다.
  • deleteCount: 삭제할 요소 수입니다. 지정하지 않으면 배열의 시작 위치부터 끝까지 삭제됩니다.
  • items: 삭제 후 새 요소를 삽입하는 데 사용되는 선택적 매개변수입니다.

반환 값

삭제된 요소가 포함된 새 배열.

사용 방법

  1. 요소 삭제:

    <code class="js">const arr = [1, 2, 3, 4, 5];
    arr.splice(2, 2); // [3, 4]</code>
    로그인 후 복사
  2. 요소 삽입:

    <code class="js">arr.splice(2, 0, 'a', 'b'); // [1, 2, 'a', 'b', 3, 4, 5]</code>
    로그인 후 복사
  3. 요소 교체:
    삭제 요소를 추가하고 새 요소를 삽입합니다. 교체 작업과 동일합니다.

    <code class="js">arr.splice(2, 1, 'c'); // [1, 2, 'c', 4, 5]</code>
    로그인 후 복사
  4. 배열 끝에서 요소 제거:
    음수 시작 위치 사용:

    <code class="js">arr.splice(-1, 1); // [1, 2, 'c', 4]</code>
    로그인 후 복사
  5. 배열 시작에서 요소 제거:
    시작 위치 0 지정:

    <code class="js">arr.splice(0, 1); // [2, 'c', 4]</code>
    로그인 후 복사

Notes

  • Splice 방법은 원본 배열을 직접 수정합니다.
  • 반환된 배열에는 삭제된 요소가 포함되어 있지만 원래 배열은 수정됩니다.
  • deleteCount가 0보다 작거나 배열 길이보다 크면 무시됩니다.
  • start가 배열 길이보다 크면 아무 작업도 수행되지 않습니다.
  • 요소 삭제와 삽입을 동시에 하려면 새 요소를 인수로 사용하는 스프레드 연산자(...)를 사용해야 합니다.

위 내용은 JS에서 스플라이스를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿