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,就可使用:

emp.remove('fd');

删除指定下标的元素:

    1.原生的delete 函数：

delete方法：delete arr[1] 表示从数组中删除索引为1的元素,注意该方法在删除数组中元素的时候,这种方式数组长度不变,此时arr[1]变为undefined了,可是也有好处原来数组的索引也保持不变,

代码:

var arr=['a','b','c'];
delete arr[1];
console.info(arr);

输出:

0: "a"
2: "c"
length: 3 //delete方法不会改变array数组的length属性

此时要遍历数组元素能够才可使用,

遍历:

for(index in arr) 
{ 
　　 document.write('arr['+index+']='+arr[index]); 
}

这种遍历方式跳过其中undefined的元素

2.数组对象splice方法:arr.splice(1,1);

JavaScript经过设置数组的length属性来截断数组是唯一一种缩短数组长度的方法.若是使用delete运算符来删除数组中元素,虽然那个元素变成未定义的,可是数组的length属性并不改变两种删除元素,数组长度也改变的方法.

代码1:

    /*
　 *　方法: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//改变length属性
　}
　a = ['1','2','3','4','5'];
　a.remove(0); //删除下标为0的元素

代码2:

/*
　 *　方法:Array.baoremove(dx)
　 *　功能:删除数组元素.
　 *　参数:dx删除元素的下标.
　 *　返回:在原数组上修改数组.
　 */
　　
　//咱们也能够用splice来实现.
　　
　Array.prototype.baoremove = function(dx)
　{
　　if(isNaN(dx)||dx>this.length){return false;}
　　this.splice(dx,1);
　}
　b = ['1','2','3','4','5'];
　b.baoremove(1); //删除下标为1的元素

代码3:

//利用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项(至关于把第n项元素删除了...)
　　　slice方法： 返回一个数组的一段，两个参数，分别指定开始和结束的位置。
　　*/
}
var test=new Array(0,1,2,3,4,5);
test=test.del(3);　//从0算起，这里也就是删除第4项。
alert(test);

解释一下slice,splice,concat方法的使用:

1.slice() 方法可从已有的数组中返回选定的元素。该方法不会改变原数组.它返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

arrayObject.slice(start,end)

2.splice() 方法向数组中添加或者是删除元素，而后返回被删除的数组。该方法会改变原始数组。splice() 方法与 slice() 方法的做用是不一样的，splice() 方法会直接对数组进行修改.

arrayObject.splice(index,howmany,item1,.....,itemX)

index:必需。整数，规定添加/删除的元素的位置，使用负数可从数组结尾处规定位置。

howmany:必需。被删除的数组元素的个数。若是设置为 0，则不会删除元素,即向数组中添加元素。若是为1，表示删除一个元素，若是2，表示删除数组中两个元素。

item1, ..., itemX：可选。向数组添加的新项目。

建立一个新数组，并向其添加一个元素：

<script type="text/javascript">

    var arr = new Array(6)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    arr[3] = "James"
    arr[4] = "Adrew"
    arr[5] = "Martin"
    
    document.write(arr + "<br />")arr.splice(2,0,"William")document.write(arr + "<br />")

</script>

输出：

George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin

删除位于 index 2 的元素，并添加一个新元素来替代被删除的元素：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")arr.splice(2,1,"William")document.write(arr)

</script>

输出：

George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin

删除从 index 2 ("Thomas") 开始的三个元素，并添加一个新元素 ("William") 来替代被删除的元素：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")arr.splice(2,3,"William")document.write(arr)

</script>

输出：

George,John,Thomas,James,Adrew,Martin
George,John,William,Martin

3.concat() 方法用于链接两个或多个数组,该方法不会改变现有的数组，而仅仅会返回被链接数组的一个副本。