js删除数组里的某个元素
JavaScript中如何删除数组某个元素,我们有需要了解splice这个方法,翻译为剪接,arr.splice(0,1)表示删除数组的第一个,arr.splice(1,2)表示删除从第二个开始,长度为2个的元素。
删除数组指定的某个元素
首先可以给js的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为:
Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } return -1; };
然后使用通过得到这个元素的索引,使用js数组自己固有的函数去删除这个元素:
代码为:
//code from http://caibaojian.com/js-splice-element.html 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');
删除的数组的某一项
splice(index,len,[item]) 注释:该方法会改变原始数组。·
splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值
index:数组开始下标 len: 替换/删除的长度 item:替换的值,删除操作的话 item为空
如:arr = ['a','b','c','d']
删除
//删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变) var arr = ['a','b','c','d']; arr.splice(1,1); console.log(arr); //['a','c','d']; //删除起始下标为1,长度为2的一个值(len设置2) var arr2 = ['a','b','c','d'] arr2.splice(1,2); console.log(arr2); //['a','d']
替换
//替换起始下标为1,长度为1的一个值为‘ttt’,len设置的1 var arr = ['a','b','c','d']; arr.splice(1,1,'ttt'); console.log(arr); //['a','ttt','c','d'] var arr2 = ['a','b','c','d']; arr2.splice(1,2,'ttt'); console.log(arr2); //['a','ttt','d'] 替换起始下标为1,长度为2的两个值为‘ttt’,len设置的1
添加 ---- len设置为0,item为添加的值
var arr = ['a','b','c','d']; arr.splice(1,0,'ttt'); console.log(arr); //['a','ttt','b','c','d'] 表示在下标为1处添加一项'ttt'
2:delete
delete删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变
var arr = ['a','b','c','d']; delete arr[1]; arr; //["a", undefined × 1, "c", "d"] 中间出现两个逗号,数组长度不变,有一项为undefined
更新2016-11-17:在stackoverflow高分回答上看到jquery之父John Resig曾经的文章写过的一个代码:
// Array Remove - By John Resig (MIT Licensed)
Array.prototype.remove = function(from, to) {var rest = this.slice((to || from) + 1 || this.length);this.length = from < 0 ? this.length + from : from;return this.push.apply(this, rest);
};
下面给出一些实际的用例:
// 移除数组中的第二项
array.remove(1);
// 移除数组中的倒数第二项
array.remove(-2);
// 移除数组中的第二项和第三项(从第二项开始,删除2个元素)
array.remove(1,2);
// 移除数组中的最后一项和倒数第二项(数组中的最后两项)
array.remove(-2,-1);
这个例子跟上面第一个的还是挺相似的,不过没有检查元素的具体项目,而是通过元素在数组的下标位置来定位删除。
js删除数组里的某个元素相关推荐
- JS删除数组里的某个元素方法
1.删除数组指定的某个元素 首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: Array.prototype.indexOf = function(val) { ...
- js remove 当前元素_详解js删除数组中的指定元素
本篇文章将会给大家介绍两种删除数组中的指定元素的方式,分别为: 1.单独定义一个的函数,通过函数来删除指定数组元素. 2.为Array对象定义了一个removeByValue的方法,在调用方法来删除指 ...
- js删除数组指定的某个元素
原文链接: http://caibaojian.com/js-splice-element.html 删除数组指定的某个元素 首先可以给js的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即 ...
- JS删除数组里的某一个元素
首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: Array.prototype.indexOf = function(val) { for (var i = ...
- JavaScript删除数组里的某个元素
删除的数组的某一项 splice(index,len,[item]) 注释:该方法会改变原始数组. splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值 index:数组开始下标 ...
- JS删除数组中的某个元素
方式一:使用splice() splice(index,len,[item]) index: 元素下标 len: 替换/删除的长度 item: 替换的值,删除操作的话 item为空 该方法会改变原始数 ...
- JS删除数组对象中指定元素对应的对象
这里我采用的是过滤的方法(filter),先将数组对象中的指定元素匹配上,然后在将它过滤出来,获取到剩下的对象,将剩下的对象拿到,这样就实现了删除指定元素对应的对象的效果. 举个栗子: 首先定义一个数 ...
- js删除数组里的某一项
总结了3种方法. 1.首先求出删除的一项在数组中的索引 Array.prototype.indexOf = function(val) {for (var i = 0; i < this.len ...
- php js动态删除数组元素,javascript如何删除数组中的指定元素
js删除数组中的指定元素主要分为两步,首先判断数组中是否包含这个元素,然后再通过splice()方法来删除指定元素 本篇文章主要介绍的是如何通过javascript语言对数组中的指定元素进行删除的方法 ...
最新文章
- HLG 1481 Attack of the Giant n-pus【二分+二分图完全匹配】
- python学精通要多久-python多久能精通
- Windows 10 中 VMware 要求禁用 Device Guard 问题
- 习题2-3 求平方与倒数序列的部分和
- StringBuilder初始化容量以及扩容机制(源码分析)
- 破坏计算机信息系统功能罪,破坏计算机信息系统罪
- 工程日志(110316)-机房内电子信息设备电量估算
- deepin开机未登录自动连接wifi
- 基于留一法的快速KNN代码
- 二叉搜索树的第K大结点
- 2020年中国林业有害生物发生及防治面积统计情况,林业有害生物防控措施工作的开展刻不容缓「图」
- 30分钟掌握用Python写网络爬虫,入门到实战教程,黑客入门第一步
- Linux(二、三、四)简单命令、系统目录结构、文件类型、命令行管理文件学习
- 【车间调度】基于matlab改进的帝国企鹅算法求解车间调度问题【含Matlab源码 2041期】
- python因子分析案例_因子分析及python实现(一)
- 道可道,非常道;名可名,非常名
- OpenWrt之配置无线中继(基于新三mt7621)
- 国际足联正式裁决莫德斯特闹剧 此事或还有反转?
- 赤道子午线弧长反演大地纬度
- 若再斗几合 瑞星杀毒软件升级包
热门文章
- 最新版本 Stable Diffusion 开源 AI 绘画工具之 老照片高清修复 篇
- ZBrush中怎样渲染漫画风格的插画
- ios+html+音频播放,iOS音频篇:使用AVPlayer播放网络音乐
- JS获取电脑分辨率大小和网页大小
- php面试常问的题目2
- mysql查看数据表是否损坏_mysql 检查数据库是否损坏
- hdoj4540 威威猫系列故事——打地鼠
- Pocsuite编写ActiveMQ任意文件上传漏洞脚本
- 基于SSM的学生宿舍设备报修系统的设计与实现+论文六稿+安装视频+包远程安装
- 高通WLAN框架学习(18)-- QPower 3.0