前言

在Java 中要从一个list 中删除一个元素，直接使用 remove 方法就可以了。

在js 中的array 并没有 remove 方法，但是在js 中array 有splice 方法可以达成相同的效果，除此之外，还可以使用其他方式来实现这个效果。

使用splice 方法实现从数组中删除元素

首先看一下 splice 方法如何使用。

语法

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

参数	描述
index	必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany	必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1, ..., itemX	可选。向数组添加的新项目。

需要特别注意的就是，该方法会改变原始数组。

最简单例子： -- 删除数组一个元素

<script>
var array1 = ["name1","name2","name3","name4"];
array1.splice(1,1);
alert(array1);
</script>

输出是： name1,name3,name4

扫描二维码关注公众号，回复： 1631247 查看本文章

解析：

1. splice(1,1) -删除第二个元素。

第一个 1 是位置，位置从0 开始，这个不难理解；

第二个1 是个数，删除一个元素。

2. 并不需要 array1 = XXX; 的方式数组的值就改变了。原因上面也说了。

继续，如果要在删除的位置同时添加一个元素的话：

<script>
var array1 = ["name1","name2","name3","name4"];
array1.splice(1,1,"name5");
alert(array1);
</script>

输出： name1name5,,name3,name4

删除复杂数组中的元素

以上例子的数组中的元素是一般的字符串。

这里所谓的复杂数组是指数组中的元素是对象而不是简单的字符串。

开始这个之前，先写一个把js array 转成 str 的方法：

function arrayToString(array)
{
	var str = "";
	if(array!=null&&array.length>0)
    {
	    str += "[";
		for(var i=0;i<array.length;i++)
	    {
		   var objStr = "";
		   objStr += "{";
		   var obj = array[i];
		   for(var key in obj)
		   {
		        objStr += key;
				objStr += ":'";
				objStr += obj[key];
				objStr += "'";
				objStr += ",";
		   }
		   if(objStr.length>3)
		   {
			  objStr = objStr.substring(0,objStr.length-1);
		   }		 
		   objStr += "}";
		   str += objStr;
		   if(i<array.length-1)
		   {
			  str += ",";
		   }
		}
		str += "]";
	}
	return str;
}

接下来，删除一个元素类型为object 的数组元素

<script>
var obj1 = {key:"key1",name:'name1_1'};
var obj2 = {key:"key2",name:'name1_1'};
var obj3 = {key:"key3",name:'name2_2'};
var obj4 = {key:"key4",name:'name2_2'};

var array1 = [obj1,obj2,obj3,obj4];

//delete by key
var delKey = "key2";
for(var i=0;i<array1.length;i++)
{
	var keyTemp = array1[i].key;
	if(keyTemp===delKey)
    {
		array1.splice(i,1);
	}
}
alert(arrayToString(array1));
</script>

说明：

1. 这里的key 是唯一， name 值不为已

2. 这里数组循环不是用 forEach是因为 IE不支持

细部参见：

3. 以上是删除唯一key 值的元素。

Javascript 数组循环遍历之forEach

总体来说，以上一次只删除一个元素，如果一次删除多个元素的话呢？

类似删除name 值是 “name1_1” 的元素，对应到的是两个元素，写法对应到应该是：

<script>
var obj1 = {key:"key1",name:'name2_2'};
var obj2 = {key:"key2",name:'name2_2'};
var obj3 = {key:"key3",name:'name1_1'};
var obj4 = {key:"key4",name:'name1_1'};

var array1 = [obj1,obj2,obj3,obj4];

//delete by name
var delName= "name2_2";
for(var i=0;i<array1.length;i++)
{
	var nameTemp = array1[i].name;
	if(nameTemp===delName)
    {
		array1.splice(i,1);
	}
}
alert(arrayToString(array1));
</script>

但是千万注意，以上的写法是错误的。

应为第一次删除一个元素之后, array1 的长度变化，对应到各个位置的元素也发生变化。

所以以上的写法：

1. 要么出现错误，报找不到指定位置的元素

2. 要么执行的结果不对。上面的例子就是属于这种。

针对这种状况，可以想到的解法有：

1. 一次删除一个，多循环几次

2. 另一中方法就是， new 一个新的array , 把不需要删除的元素放入这个array , 再用这个array 替换旧的array .

转载请注明本文地址： [码海拾贝之JS] JS 之删除数组中的元素