[码海拾贝 之JS] JS 之删除数组中的元素
来源：程序员人生 发布时间：2014-11-24 08:50:18 阅读次数：1975次
前言
在Java 中要从1个list 中删除1个元素， 直接使用 remove 方法就能够了。
在js 中的array 并没有 remove 方法， 但是在js 中array 有splice 方法可以达成相同的效果， 除此以外， 还可使用其他方式来实现这个效果。
使用splice 方法实现从数组中删除元素
首先看1下 splice 方法如何使用。
语法
arrayObject.splice(index,howmany,item1,.....,itemX)
| 参数 | 描写 |
| index | 必须。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。 |
| howmany | 必须。要删除的项目数量。如果设置为 0，则不会删除项目。 |
| item1, ..., itemX | 可选。向数组添加的新项目。 |
需要特别注意的就是，该方法会改变原始数组。
最简单例子： -- 删除数组1个元素
<script>
var array1 = ["name1","name2","name3","name4"];
array1.splice(1,1);
alert(array1);
</script>
输出是： name1,name3,name4
解析：
1. splice(1,1) -删除第2个元素。
第1个 1 是位置， 位置从0 开始， 这个不难理解；
第2个1 是个数， 删除1个元素。
2. 其实不需要 array1 = XXX; 的方式 数组的值就改变了。 缘由上面也说了。
继续， 如果要在删除的位置同时添加1个元素的话：
<script>
var array1 = ["name1","name2","name3","name4"];
array1.splice(1,1,"name5");
alert(array1);
</script>
输出： name1name5,,name3,name4
删除复杂数组中的元素
以上例子的数组中的元素是1般的字符串。
这里所谓的复杂数组是指数组中的元素是对象而不是简单的字符串。
开始这个之前， 先写1个把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⑴);
}
objStr += "}";
str += objStr;
if(i<array.length⑴)
{
str += ",";
}
}
str += "]";
}
return str;
}
接下来， 删除1个元素类型为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 是唯1， name 值不为已
2. 这里数组循环不是用 forEach是由于 IE不支持
细部参见：
3. 以上是删除唯1key 值的元素。
Javascript 数组循环遍历之forEach
整体来讲， 以上1次只删除1个元素， 如果1次删除多个元素的话呢？
类似删除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>
但是千万注意， 以上的写法是毛病的。
应为第1次删除1个元素以后, array1 的长度变化， 对应到各个位置的元素也产生变化。
所以以上的写法：
1. 要末出现毛病， 报找不到指定位置的元素
2. 要末履行的结果不对。 上面的例子就是属于这类。
针对这类状态， 可以想到的解法有：
1. 1次删除1个， 多循环几次
2. 另外一中方法就是， new 1个 新的array , 把不需要删除的元素放入这个array , 再用这个array 替换旧的array .
生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
