js 배열에서 지정된 요소를 삭제하는 것은 우리 각자가 직면하는 문제입니다. 온라인에 많은 정보가 있지만 일부는 너무 오래되고 일부는 충분히 포괄적이지 않으므로 이 기사는 제가 직접 정리하겠습니다. 주로 JavaScript 배열의 특정 요소를 삭제하는 다양한 방법을 정리하고 소개했습니다. 필요한 친구들이 참고할 수 있습니다.
머리말
어쩌면 배열의 특정 요소를 삭제할 때 이를 달성하는 방법이 여러 가지 있다고 추정할 수 있으므로 제가 요약한 방법을 살펴보겠습니다. 당신에게 도움이 됩니다! 할 말이 많지 않으니, 자세한 소개를 살펴보겠습니다.
소스 배열
var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];
의사 삭제
가상 삭제란 무엇입니까? 즉, 배열 요소 값을 null로 설정하는 것입니다.
삭제 후 배열은 다음과 같습니다.
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!