JS 배열에서 요소를 삭제하는 방법

이제 배열의 요소를 삭제하는 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 = ['abs','dsf','sdf','fd']

'fd in it'을 삭제하려면 다음을 사용하세요.

emp.remove('fd');

배열의 항목을 삭제하려면

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

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

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

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

Delete

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

Replace

//替换起始下标为1，长度为1的一个值为‘ttt'，len设置的1 
var arr = ['a','b','c','d']; 
arr.splice(1,1,'ttt'); 
console.log(arr);   
//['a','ttt','c','d'] 
 
 
var arr2 = ['a','b','c','d']; 
arr2.splice(1,2,'ttt'); 
console.log(arr2);   
//['a','ttt','d'] 替换起始下标为1，长度为2的两个值为‘ttt'，len设置的1

Add---- len is 0으로 설정하면 항목이 추가된 값입니다

var arr = ['a','b','c','d']; 
arr.splice(1,0,'ttt'); 
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>

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

var arr = ['a','b','c','d']; 
delete arr[1]; 
arr; 
//["a", undefined × 1, "c", "d"] 中间出现两个逗号，数组长度不变，有一项为undefined

위 내용은 다음과 같습니다. 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

vue2.0에서 datepicker를 사용하는 방법

JavaScript 조정자 모드(자세한 튜토리얼)

jQuery에서 Dom 요소를 사용하는 방법은 무엇입니까?

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