> 웹 프론트엔드 > JS 튜토리얼 > JS는 배열 인스턴스 코드에서 요소를 삭제합니다.

JS는 배열 인스턴스 코드에서 요소를 삭제합니다.

小云云
풀어 주다: 2018-02-05 09:56:46
원래의
1265명이 탐색했습니다.

이 글은 주로 배열의 요소를 삭제하는 JS 방법을 공유합니다. 이 방법은 좋은 참조 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다. 편집자를 따라가서 모두에게 도움이 되기를 바랍니다.

배열에 지정된 요소 삭제

먼저 JS 배열 객체에 대한 함수를 정의하여 배열에서 지정된 요소의 위치, 즉 인덱스를 찾을 수 있습니다.


Array.prototype.indexOf = function(val) { 
for (var i = 0; i < this.length; i++) { 
if (this[i] == val) return i; 
} 
return -1; 
};
로그인 후 복사

그런 다음 이 요소의 인덱스를 사용하여 js 배열의 자체 함수를 사용하여 이 요소를 삭제합니다.

코드는 다음과 같습니다.


Array.prototype.remove = function(val) { 
var index = this.indexOf(val); 
if (index > -1) { 
this.splice(index, 1); 
} 
};
로그인 후 복사

이런 방식으로 이러한 함수가 구성됩니다. 예를 들어 다음과 같습니다. 배열:


var emp = [&#39;abs&#39;,&#39;dsf&#39;,&#39;sdf&#39;,&#39;fd&#39;]
로그인 후 복사

'fd'를 삭제하려면 다음을 사용할 수 있습니다.


emp.remove(&#39;fd&#39;);
로그인 후 복사

배열의 항목 삭제

splice(index,len,[item]) 참고: 이 방법은 원래 배열을 변경합니다.

splice에는 3개의 매개변수가 있으며 배열에서 하나 이상의 값을 대체/삭제/추가하는 데에도 사용할 수 있습니다

index: 배열 시작 첨자 len: 대체/삭제 항목의 길이: 삭제 시 대체 값 작업 항목이 비어 있습니다

예: arr = ['a','b','c','d']

Delete


//删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变) 
var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,1); 
console.log(arr); 
//[&#39;a&#39;,&#39;c&#39;,&#39;d&#39;]; 
 
 
//删除起始下标为1,长度为2的一个值(len设置2) 
var arr2 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;] 
arr2.splice(1,2); 
console.log(arr2); 
//[&#39;a&#39;,&#39;d&#39;]
로그인 후 복사

Replace


//替换起始下标为1,长度为1的一个值为‘ttt&#39;,len设置的1 
var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,1,&#39;ttt&#39;); 
console.log(arr);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;c&#39;,&#39;d&#39;] 
 
 
var arr2 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr2.splice(1,2,&#39;ttt&#39;); 
console.log(arr2);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;d&#39;] 替换起始下标为1,长度为2的两个值为‘ttt&#39;,len设置的1
로그인 후 복사

Add -- -- len이 0으로 설정되면 item은 추가된 값입니다


var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,0,&#39;ttt&#39;); 
console.log(arr);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;] 表示在下标为1处添加一项&#39;ttt&#39;<span style="font-size:14px;font-family:Arial, Helvetica, sans-serif;background-color:rgb(255,255,255);"> </span>
로그인 후 복사

delete 메소드가 배열의 요소를 삭제한 후 아래 첨자 아래 표시된 값은 정의되지 않음으로 설정되고, 항목의 길이는 배열은 변경되지 않습니다


var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
delete arr[1]; 
arr; 
//["a", undefined × 1, "c", "d"] 中间出现两个逗号,数组长度不变,有一项为undefined
로그인 후 복사

관련 권장 사항:

배열에서 지정된 아래 첨자 요소를 삭제하기 위한 PHP 예제 코드

5 배열에서 중복 요소를 삭제하기 위한 JavaScript 알고리즘

null을 삭제하는 방법 PHP 재귀

를 사용하여 배열의 요소

위 내용은 JS는 배열 인스턴스 코드에서 요소를 삭제합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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