JavaScript 배열에서 특정 요소를 삭제하는 방법 소개

js 배열에서 지정된 요소를 삭제하는 것은 우리 각자가 직면하는 문제입니다. 온라인에 많은 정보가 있지만 일부는 너무 오래되고 일부는 충분히 포괄적이지 않으므로 이 기사는 제가 직접 정리하겠습니다. 주로 JavaScript 배열의 특정 요소를 삭제하는 다양한 방법을 정리하고 소개했습니다. 필요한 친구들이 참고할 수 있습니다.

머리말

어쩌면 배열의 특정 요소를 삭제할 때 이를 달성하는 방법이 여러 가지 있다고 추정할 수 있으므로 제가 요약한 방법을 살펴보겠습니다. 당신에게 도움이 됩니다! 할 말이 많지 않으니, 자세한 소개를 살펴보겠습니다.

소스 배열

var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];

의사 삭제

가상 삭제란 무엇입니까? 즉, 배열 요소 값을 null로 설정하는 것입니다.

rreee

삭제 후 배열은 다음과 같습니다.

arr[ arr.indexOf( 'Thomas' ) ] = null;

그러나 이는 배열 배열의 길이, 즉 변수 arr이 변경되지 않음을 의미합니다.

완전 삭제

완전 삭제란 무엇입니까? 이 문제는 문자 그대로 배열 Array의 요소 값을 삭제하고 배열의 길이를 변경하는 것이라고 생각할 수도 있습니다. 이 요구 사항은 내장된 splice 메서드를 통해 달성할 수 있습니다. 배열 객체 배열! splice 메소드에 대해 말하자면, 특정 매개변수에 대해 이야기해 봅시다:

["George", "John", null, "James", "Adrew", "Martin"]

위는 내장 객체 Array의 splice 메소드에 대한 프로토타입 정의입니다. 중국어 의미는 splicing이며, 그 의미는 다음과 같습니다. 매개변수는 다음과 같습니다.

• start: 시작점 인덱스 값

• deleteCount: 삭제할 요소 수

• items: 삭제 후 교체/추가된 요소
  매개변수가 추가되지 않은 경우 요소 삭제를 의미하며, deleteCount
  매개변수 값과 결합되어야 합니다. deleteCount가 1이고 items 매개변수 위치에 매개변수 값이 주어지면 교체를 의미합니다
  deleteCount가 1이고 항목 매개변수 위치에 두 개 이상의 매개변수 값이 지정된 경우 위의 의사 삭제 null
  

에 의해 남겨진 요소 값을 삭제하기 위해 splice 메소드를 통해 요소

를 교체하고 추가하는 것을 의미합니다.

Array.prototype.splice = function(start,deleteCount,items) {};

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

arr.splice( arr.indexOf( null ), 1 );

splice 메소드에 대해 언급했으므로 요소 교체, 요소 추가 등과 같은 다른 기능에 대해 이야기해 보겠습니다!

splice 함수 - 요소 교체

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

["George", "John", "James", "Adrew", "Martin"]

배열 요소 James를 Tom으로 바꾸고 싶습니다

["George", "John", "James", "Adrew", "Martin"]

교체된 배열 구조는 다음과 같습니다. 다음과 같습니다:

arr.splice( arr.indexOf( 'James' ), 1, 'Tom' );

splice 함수 - 요소 교체 및 추가

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

["George", "John", "Tom", "Adrew", "Martin"]

배열 요소 Tom을 Judy로 바꾸고 추가하려고 합니다. Linda and Alisa

["George", "John", "Tom", "Adrew", "Martin"]

교체 및 추가 후 배열 구조는 다음과 같습니다.

arr.splice( arr.indexOf( 'Tom' ), 1, 'Judy', 'Linda', 'Alisa' );

splice 함수 - 요소 추가

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

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]

예를 들어 Linda와 Alisa 사이에 Bill과 Blake를 추가하려는 경우

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]

추가된 배열 구조는 다음과 같습니다.

arr.splice( arr.indexOf( 'Linda' ) + 1, 0, 'Bill', 'Blake' );

• 시작 위치arr.indexOf( 'Linda' ) + 1는 배열 요소 Linda

• 다음입니다. 삭제된 요소 수 매개변수는 여기에서 0으로 설정됩니다. 이는 요소를 추가하는 데 핵심이며 요소가 삭제되지 않음을 의미합니다

• 'Bill', 'Blake' 내장 객체 Array의 splice 메소드의 마지막 매개변수 항목입니다. 여기서 deleteCount 매개변수는 0과 배수에 따라 의미가 달라집니다. items에는 두 개의 값이 있습니다. 즉, 요소 ​​값 'Bill', 'Blake'
  

위는 배열의 특정 요소를 삭제하는 것입니다. 마지막 요소는 여기에 간단히 언급합시다. 배열의 첫 번째 요소 삭제 된 배열은 다음과 같습니다. 배열에서 마지막 요소

["George", "John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]

를 삭제한 후의 배열은 다음과 같습니다.

arr.shift();

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