> 웹 프론트엔드 > JS 튜토리얼 > 배열 요소를 삭제하고 배열을 지우는 자바스크립트 메소드

배열 요소를 삭제하고 배열을 지우는 자바스크립트 메소드

高洛峰
풀어 주다: 2017-02-25 16:14:13
원래의
1273명이 탐색했습니다.

이 글에서는 자바스크립트에서 배열 요소를 삭제하고 지우는 간단한 방법에 대한 관련 정보를 주로 소개합니다. 필요하신 분들은 참고하시면 됩니다.

자바스크립트에서 배열 요소를 삭제하고 지우는 간단한 방법 javascript

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)用来查找某元素在数组中的索引位置。
로그인 후 복사

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

var arr=[‘a','b','c'];
로그인 후 복사

'b'를 삭제하는 방법은 두 가지가 있습니다:

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

이렇게 하면 배열의 길이가 그대로 유지됩니다. , arr[1] 은 정의되지 않지만, 이때 배열 요소를 순회하려면 순회 방법

<🎜을 사용할 수 있습니다. >

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

요소 중 정의되지 않은 요소를 건너뛰려면

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

2, 배열 object splice 메소드: arr.splice(1,1);

이렇게 하면 배열의 길이가 그에 따라 바뀌는데 원래 배열 인덱스도 그에 따라 바뀌게 됩니다.

의 첫 번째 1 splice 매개변수는 삭제 시작 인덱스(0부터 계산)이며, 이 경우 배열의 두 번째 요소입니다.

두 번째 1은 삭제할 요소 수입니다. 여기서는 한 요소만 삭제됩니다. , 즉 'b';

이 때 삭제된 요소는

<🎜에 유지되지 않기 때문에 for와 같은 일반적인 배열 순회 방법으로 배열 요소를 순회할 수 있습니다. > array

이 방법은 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);
로그인 후 복사

/*
  * 方法: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);
로그인 후 복사

읽어주셔서 감사합니다. 도움이 되기를 바랍니다. 이 사이트를 지원해 주셔서 감사합니다!

배열 요소 삭제 및 배열 지우기 방법에 대한 더 많은 자바스크립트 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

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