> 웹 프론트엔드 > JS 튜토리얼 > 배열 요소를 삭제하고 js에서 배열을 지우는 간단한 방법

배열 요소를 삭제하고 js에서 배열을 지우는 간단한 방법

高洛峰
풀어 주다: 2017-01-14 11:25:57
원래의
2235명이 탐색했습니다.

1. 배열 지우기

var ary = [1,2,3,4];
ary.splice(0,ary.length);//清空数组
console.log(ary); // 输出 [],空数组,即被清空了
로그인 후 복사

2. 배열 요소 삭제

var ary = [1,2,3,4];
ary.splice(0,1);
或 ary.splice($.inArray(2, ary), 1); 其中$.inArray(2, ary)用来查找某元素在数组中的索引位置。
로그인 후 복사

3. js에서 배열을 삭제하는 여러 가지 방법

var arr=['a','b','c'];

'b'를 삭제하려면 두 가지 방법이 있습니다:

1, 삭제 방법: delete arr[ 1]

이렇게 하면 배열의 길이는 그대로 유지되며 arr[1]은 정의되지 않지만 이때 원래 배열의 인덱스는 변경되지 않는다는 장점도 있습니다. , 배열 요소를 순회하는 데에만 사용할 수 있습니다

for(index in arr)
{
 document.write('arr['+index+']='+arr[index]);
}
로그인 후 복사

이 순회 방법은 정의되지 않은 요소를 건너뜁니다

* 이 방법은 IE4.o 이상에서 지원됩니다

2, 배열 객체 스플라이스 방법: arr.splice (1,1);

이렇게 하면 배열 길이가 그에 따라 변경되지만 원래 배열 인덱스도 그에 따라 변경됩니다.

첫 번째 1. splice 매개변수에는 삭제 시작 인덱스(0부터 계산)가 있습니다. 여기에는 배열의 두 번째 요소가 있습니다.

두 번째 1은 삭제된 요소의 수입니다. 여기서는 요소 하나만 삭제됩니다. , 'b';

이것은 배열 요소를 순회할 때 삭제된 요소가

배열 <에 유지되지 않기 때문에 for와 같은 일반적인 배열 순회 방법을 사용할 수 있습니다. 🎜>

* 이 방법은 IE5.5 이후에만 지원됩니다

splice 방법은 배열 요소를 삭제하는 동시에 새 배열 요소를 추가할 수도 있다는 점을 언급할 가치가 있습니다

예를 들어, arr.splice(1,1,'d','e'),d,e 두 요소가 arr 배열에 추가됩니다

결과 배열은 arr:'a','d','가 됩니다. e','c' 

또한 JavaScript에서는 배열 속성의 길이를 설정하여 배열을 자르는 것이 배열 길이를 줄이는 유일한 방법입니다.

배열의 요소를 삭제하기 위해 삭제 연산자를 사용하면 해당 요소가 정의되지 않더라도 배열의 길이 속성은 변경되지 않습니다. 요소를 삭제하고 배열의 길이를 변경하는 두 가지 방법이 있습니다.

/*
  * 方法:Array.remove(dx)
  * 功能:删除数组元素.
  * 参数:dx删除元素的下标.
  * 返回:在原数组上修改数组
*/
//经常用的是通过遍历,重构数组.
Array.prototype.remove=function(dx)
{
if(isNaN(dx)||dx>this.length){return false;}
for(var i=0,n=0;i<this.length;i++)
{
if(this[i]!=this[dx])
{
this[n++]=this[i]
}
}
this.length-=1
 }
 a = [&#39;1&#39;,&#39;2&#39;,&#39;3&#39;,&#39;4&#39;,&#39;5&#39;];
 alert("elements: "+a+"nLength: "+a.length);
 a.remove(0); //删除下标为0的元素
 alert("elements: "+a+"nLength: "+a.length);
로그인 후 복사

예제 2,

/*
  * 方法:Array.baoremove(dx)
  * 功能:删除数组元素.
  * 参数:dx删除元素的下标.
  * 返回:在原数组上修改数组.
  */
 //也可以用splice来实现.
 Array.prototype.baoremove = function(dx)
 { // www.jb51.net
if(isNaN(dx)||dx>this.length){return false;}
this.splice(dx,1);
 }
 b = [&#39;1&#39;,&#39;2&#39;,&#39;3&#39;,&#39;4&#39;,&#39;5&#39;];
 alert("elements: "+b+"nLength: "+b.length);
 b.baoremove(1); //删除下标为1的元素
 alert("elements: "+b+"nLength: "+b.length);
로그인 후 복사

IE5 이하 버전에서는 JavaScript Array(배열) 객체가 배열 요소를 삭제하는 기성 방법을 제공합니다. IE5.5+ 버전에서는 splice 방식이 있음에도 불구하고 특정 항목(또는 여러 항목)을 삭제하지 않고 특정 항목(또는 여러 항목)의 값만 삭제하므로 항목이 여전히 삭제됩니다. 존재합니다. 배열의 길이는 변경되지 않았습니다.

실제로 배열에 삭제 메소드를 직접 추가할 수 있습니다(실제로 배열 구성원에서 배열 항목을 제거하는 것을 의미합니다). 아마도 루프를 사용하여 배열을 다시 할당하는 방법을 생각할 수도 있지만 이는 매우 비효율적입니다.

다음은 Array 객체의 Slice와 Concat 두 가지 메소드를 사용하여 배열 삭제를 사용자 정의하는 방법을 소개합니다.

Array.prototype.del=function(n) { //n表示第几项,从0开始算起。
//prototype为对象原型,注意这里为对象增加自定义方法的方法。
 if(n<0) //如果n<0,则不进行任何操作。
return this;
 else
return this.slice(0,n).concat(this.slice(n+1,this.length));
/*
 concat方法:返回一个新数组,这个新数组是由两个或更多数组组合而成的。
 这里就是返回this.slice(0,n)/this.slice(n+1,this.length)
 组成的新数组,这中间,刚好少了第n项。
 slice方法: 返回一个数组的一段,两个参数,分别指定开始和结束的位置。
*/
}
//自己增加的方法
var test=new Array(0,1,2,3,4,5);
test=test.del(3); //从0算起,删除第4项。
alert(test);
로그인 후 복사

위 코드는 Array 객체의 두 가지 메서드만 사용하여 기본 요구 사항을 충족하므로 좋은 결과입니다.

위의 간단한 배열 요소 삭제 및 js 배열 삭제(필독)는 모두 편집자가 공유한 내용이므로 참고가 되셨으면 좋겠습니다. PHP 중국어 웹사이트.

배열 요소를 삭제하고 배열을 지우는 더 많은 js 간단한 방법을 보려면 PHP 중국어 웹사이트에 주목하세요!

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