> 웹 프론트엔드 > JS 튜토리얼 > js에서 배열의 요소를 삭제하는 방법

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

小云云
풀어 주다: 2018-03-10 15:49:35
원래의
2386명이 탐색했습니다.

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 = [&#39;abs&#39;,&#39;dsf&#39;,&#39;sdf&#39;,&#39;fd&#39;]
로그인 후 복사

에서 'fd'를 삭제하려는 경우.

//code from http://caibaojian.com/js-splice-element.html
emp.remove(&#39;fd&#39;);
로그인 후 복사

삭제된 배열

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

splice에는 3개의 매개변수가 있으며, 배열의 하나 또는 여러 값을 교체/삭제/추가하는 데에도 사용할 수 있습니다.·

index: 배열 시작 인덱스 len: 대체/삭제 항목의 길이: 대체 값, If 항목이 삭제되면 항목이 비어 있게 됩니다. 예: arr = ['a', 'b', 'c', 'd'] len 0으로 설정하면 항목이 추가된 값입니다.
//删除起始下标为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;]
로그인 후 복사

2: 삭제

delete 배열의 요소를 삭제한 후 아래 첨자 값은 정의되지 않은 값으로 설정됩니다. 배열의 길이는 변경되지 않습니다.

//替换起始下标为1,长度为1的一个值为‘ttt’,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’,len设置的1
로그인 후 복사

관련 권장 사항:

javascript 배열 method

javascript array deduplication

자주 사용하는 자바스크립트 코드 모음

    업데이트 2016-11-17
  1. : 스택오버플로우 최고점수 답에서 아버지가 작성한 코드를 봤습니다. 이전 기사의 jquery

    John Resig
  2. :
  3. 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;
    로그인 후 복사

    실제 사용 사례는 다음과 같습니다.

    var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;];
    delete arr[1];
    arr;  
    //["a", undefined × 1, "c", "d"] 中间出现两个逗号,数组长度不变,有一项为undefined
    로그인 후 복사
    이 예는 위의 첫 번째 예와 매우 유사하지만 요소의 특정 항목은 다음과 같습니다. 배열에 있는 요소의 아래 첨자 위치를 기준으로 찾아 삭제합니다.
  4. 관련 권장 사항:

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

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

    PHP가 배열에서 요소를 삭제하는 방법에 대한 사용 요약

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

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