> 웹 프론트엔드 > JS 튜토리얼 > JS 배열에서 지정된 요소 삭제

JS 배열에서 지정된 요소 삭제

php中世界最好的语言
풀어 주다: 2018-04-18 13:39:03
원래의
3519명이 탐색했습니다.

이번에는 JSarraysdelete지정 요소를 가져왔습니다. JS 배열에서 특정 요소를 삭제할 때의 주의사항은 무엇인가요?

모든 사람이 JavaScript를 사용할 때 배열에서 특정 요소를 삭제하는 것은 항상 많은 사람들에게 문제였습니다. JavaScript 배열에서 특정 요소를 삭제하는 방법은 무엇입니까? 다음 기사에서는 자세한 소개를 제공합니다.

소스 배열

var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];
로그인 후 복사

유사 삭제>

의사 삭제란 배열 요소 값을 null로 설정하는 것을 의미합니다.

arr[ arr.indexOf( 'Thomas' ) ] = null;
로그인 후 복사

삭제된 배열은 다음과 같습니다:

["George", "John", null, "James", "Adrew", "Martin"]
로그인 후 복사

하지만 주의하세요. 이는 배열 Array의 길이, 즉 변수 arr이 변경되지 않고 그대로 유지된다는 의미입니다

완전 삭제

완전 삭제란 배열 Array의 요소 값을 실제로 삭제하고 배열의 길이를 변경하는 것입니다. 이 요구 사항은 splice 메서드를 통해 달성할 수 있습니다. 내장 배열

객체 배열! 스플라이스 방법에 관해서는 특정 매개변수에 대해 이야기해 보겠습니다.

Array.prototype.splice = function(start,deleteCount,items) {};
로그인 후 복사
위는 내장 객체 Array의 splice 메소드에 대한 프로토타입 정의입니다. 중국어 의미는 splicing이고 해당 매개변수의 의미는

  • 입니다. start: 시작점

    indexvalue

  • deleteCount: 삭제할 요소 수
  • items: 삭제 후 대체/추가된 요소 파라미터를 추가하지 않은 경우 해당 요소를 삭제한다는 의미로, deleteCount의 파라미터 값과 결합되어야 합니다. deleteCount가 1이고 items 매개변수 위치에 매개변수 값이 주어지면 교체를 의미합니다. deleteCount가 1이고 항목 매개변수 위치에 매개변수 값이 두 개 이상 제공되면 요소를 교체하고 추가한다는 의미입니다
splice 메소드를 사용하여 위의 의사 삭제 null

arr.splice( arr.indexOf( null ), 1 );
로그인 후 복사
로 인해 남겨진 요소 값을 삭제합니다. 삭제된 배열은 다음과 같습니다:

["George", "John", "James", "Adrew", "Martin"]
로그인 후 복사
로그인 후 복사
이제 splice 메소드에 대해 언급했으니 요소 교체, 요소 추가 등과 같은 다른 기능에 대해 이야기해 보겠습니다!

스플라이스 기능 - 요소 교체

이제 배열 구조는 다음과 같습니다:

["George", "John", "James", "Adrew", "Martin"]
로그인 후 복사
로그인 후 복사
배열 요소 James를 Tom

arr.splice( arr.indexOf( 'James' ), 1, 'Tom' );
로그인 후 복사
로 바꾸고 싶습니다. 대체된 배열 구조는 다음과 같습니다:

["George", "John", "Tom", "Adrew", "Martin"]
로그인 후 복사
로그인 후 복사
스플라이스 기능 - 요소 교체 및 추가

이제 현재 배열 구조는 다음과 같습니다:

["George", "John", "Tom", "Adrew", "Martin"]
로그인 후 복사
로그인 후 복사
배열 요소 Tom을 Judy로 바꾸고 Linda와 Alisa

arr.splice( arr.indexOf( 'Tom' ), 1, 'Judy', 'Linda', 'Alisa' );
로그인 후 복사
를 추가하고 싶습니다. 교체 및 추가 후의 배열 구조는 다음과 같습니다:

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]
로그인 후 복사
로그인 후 복사
스플라이스 함수 - 요소 추가

특정 요구 사항에 따라 요소를 추가할 위치를 선택할 수 있습니다. 핵심은 시작의 값 인덱스 위치에 있습니다. 현재 배열 구조는 다음과 같습니다:

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]
로그인 후 복사
로그인 후 복사
예를 들어 Linda와 Alisa

arr.splice( arr.indexOf( 'Linda' ) + 1, 0, 'Bill', 'Blake' );
로그인 후 복사
사이에 Bill과 Blake를 추가하는 경우 추가된 배열 구조는 다음과 같습니다:

["George", "John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
로그인 후 복사
  • 시작 위치

    는 배열 요소 Linda arr.indexOf( 'Linda' ) + 1

  • 뒤에 있습니다. 삭제된 요소 수 매개변수는 여기에서 0으로 설정됩니다. 이는 요소 추가의 핵심이며, 이는 요소가 삭제되지 않음을 의미합니다.
  • 'Bill', 'Blake' 내장 객체 Array의 splice 메소드의 마지막 매개변수 항목은 0 이상을 나타냅니다. 여기서 deleteCount 매개변수는 0이고 항목은 2개의 값을 갖습니다. 즉, 요소 ​​값 'Bill', 'Blake'
을 추가합니다. 위 내용은 배열의 특정 요소를 삭제하는 것에 관한 내용입니다. 첫 번째 요소와 마지막 요소를 삭제하는 것은 너무 간단합니다. 여기서 간단히 언급하겠습니다

배열의 첫 번째 요소를 삭제하세요

arr.shift();
로그인 후 복사
삭제된 배열은 다음과 같습니다:

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
로그인 후 복사
배열의 마지막 요소를 삭제하세요

arr.pop();
로그인 후 복사
삭제된 배열은 다음과 같습니다.

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]
로그인 후 복사
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

Django 다중 데이터베이스

node.js를 사용하여 WeChat 인터페이스의 캡슐화를 구현하는 단계에 대한 자세한 설명

위 내용은 JS 배열에서 지정된 요소 삭제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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