이번에는 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이고 해당 매개변수의 의미는
indexvalue
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
arr.shift();삭제된 배열은 다음과 같습니다:
["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]배열의 마지막 요소를 삭제하세요
arr.pop();삭제된 배열은 다음과 같습니다.
["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요! 추천 도서:
node.js를 사용하여 WeChat 인터페이스의 캡슐화를 구현하는 단계에 대한 자세한 설명
위 내용은 JS 배열에서 지정된 요소 삭제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!