js中,删除数组中指定的某个元素
2016-03-30 15:21
549 查看
首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为:
/**
* 给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引
* @param val
* @returns {Number}
*/
Array.prototype.aindexOf = function(val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val) return i;
}
return -1;
};
然后使用通过得到这个元素的索引,使用js数组自己固有的函数去删除这个元素:
代码为:
/**
* 通过得到这个元素的索引,使用js数组自己固有的函数去删除这个元素
* @param val
*/
Array.prototype.remove = function(val) {
var index = this.aindexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};
这样就构造了这样一个函数,比如我有一个数组:
加入我们要删除其中的ab,那么:
temp.remove('ab');即可
splice(index,len,[item]) 注释:该方法会改变原始数组。
splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值
index:数组开始下标 len: 替换/删除的长度 item:替换的值,删除操作的话 item为空
如:arr = ['a','b','c','d']
删除
替换
添加 ---- len设置为0,item为添加的值
2:delete
delete删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变
/**
* 给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引
* @param val
* @returns {Number}
*/
Array.prototype.aindexOf = function(val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val) return i;
}
return -1;
};
然后使用通过得到这个元素的索引,使用js数组自己固有的函数去删除这个元素:
代码为:
/**
* 通过得到这个元素的索引,使用js数组自己固有的函数去删除这个元素
* @param val
*/
Array.prototype.remove = function(val) {
var index = this.aindexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};
这样就构造了这样一个函数,比如我有一个数组:
var temp=['abc','ab','df','fd'];
加入我们要删除其中的ab,那么:
temp.remove('ab');即可
删除的数组的某一项
splice(index,len,[item]) 注释:该方法会改变原始数组。splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值
index:数组开始下标 len: 替换/删除的长度 item:替换的值,删除操作的话 item为空
如:arr = ['a','b','c','d']
删除
arr.splice(1,1) //['a','c','d'] 删除起始下标为1,长度为1的一个值,len设置的1,如果为0,则数组不变 arr.splice(1,2) //['a','d'] 删除起始下标为1,长度为2的一个值,len设置的2
替换
arr.splice(1,1,'ttt') //['a','ttt','c','d'] 替换起始下标为1,长度为1的一个值为‘ttt’,len设置的1 arr.splice(1,2,'ttt') //['a','ttt','d'] 替换起始下标为1,长度为2的两个值为‘ttt’,len设置的1
添加 ---- len设置为0,item为添加的值
arr.splice(1,0,'ttt') //['a','ttt','b','c','d'] 表示在下标为1处添加一项'ttt'
2:delete
delete删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变
如:delete arr[1] //['a', ,'c','d'] 中间出现两个逗号,数组长度不变,有一项为undefined
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- js数组实现图片轮播
- js可突破windows弹退效果代码
- ruby 数组使用教程
- Ruby中的数组和散列表的使用详解
- C#实现AddRange为数组添加多个元素的方法
- C#比较二个数组并找出相同或不同元素的方法
- C#动态调整数组大小的方法
- JSP脚本漏洞面面观
- 使用BAT一句话命令实现快速合并JS、CSS
- 详解Lua中的数组概念知识
- js显示当前星期的起止日期的脚本
- Perl中的列表和数组学习笔记
- 探索PowerShell (八) 数组、哈希表(附:复制粘贴技巧)
- C#中数组初始化与数组元素复制的方法
- C#交错数组用法实例
- Linux Shell 数组建立及使用技巧
- PowerShell数组的一些操作技巧