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删除数组里的某个元素相关推荐

  1. JS删除数组里的某个元素方法

    1.删除数组指定的某个元素 首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: Array.prototype.indexOf = function(val) { ...

  2. js remove 当前元素_详解js删除数组中的指定元素

    本篇文章将会给大家介绍两种删除数组中的指定元素的方式,分别为: 1.单独定义一个的函数,通过函数来删除指定数组元素. 2.为Array对象定义了一个removeByValue的方法,在调用方法来删除指 ...

  3. js删除数组指定的某个元素

    原文链接: http://caibaojian.com/js-splice-element.html 删除数组指定的某个元素 首先可以给js的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即 ...

  4. JS删除数组里的某一个元素

    首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: Array.prototype.indexOf = function(val) { for (var i = ...

  5. JavaScript删除数组里的某个元素

    删除的数组的某一项 splice(index,len,[item]) 注释:该方法会改变原始数组. splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值 index:数组开始下标 ...

  6. JS删除数组中的某个元素

    方式一:使用splice() splice(index,len,[item]) index: 元素下标 len: 替换/删除的长度 item: 替换的值,删除操作的话 item为空 该方法会改变原始数 ...

  7. JS删除数组对象中指定元素对应的对象

    这里我采用的是过滤的方法(filter),先将数组对象中的指定元素匹配上,然后在将它过滤出来,获取到剩下的对象,将剩下的对象拿到,这样就实现了删除指定元素对应的对象的效果. 举个栗子: 首先定义一个数 ...

  8. js删除数组里的某一项

    总结了3种方法. 1.首先求出删除的一项在数组中的索引 Array.prototype.indexOf = function(val) {for (var i = 0; i < this.len ...

  9. php js动态删除数组元素,javascript如何删除数组中的指定元素

    js删除数组中的指定元素主要分为两步,首先判断数组中是否包含这个元素,然后再通过splice()方法来删除指定元素 本篇文章主要介绍的是如何通过javascript语言对数组中的指定元素进行删除的方法 ...

最新文章

  1. HLG 1481 Attack of the Giant n-pus【二分+二分图完全匹配】
  2. python学精通要多久-python多久能精通
  3. Windows 10 中 VMware 要求禁用 Device Guard 问题
  4. 习题2-3 求平方与倒数序列的部分和
  5. StringBuilder初始化容量以及扩容机制(源码分析)
  6. 破坏计算机信息系统功能罪,破坏计算机信息系统罪
  7. 工程日志(110316)-机房内电子信息设备电量估算
  8. deepin开机未登录自动连接wifi
  9. 基于留一法的快速KNN代码
  10. 二叉搜索树的第K大结点
  11. 2020年中国林业有害生物发生及防治面积统计情况,林业有害生物防控措施工作的开展刻不容缓「图」
  12. 30分钟掌握用Python写网络爬虫,入门到实战教程,黑客入门第一步
  13. Linux(二、三、四)简单命令、系统目录结构、文件类型、命令行管理文件学习
  14. 【车间调度】基于matlab改进的帝国企鹅算法求解车间调度问题【含Matlab源码 2041期】
  15. python因子分析案例_因子分析及python实现(一)
  16. 道可道,非常道;名可名,非常名
  17. OpenWrt之配置无线中继(基于新三mt7621)
  18. 国际足联正式裁决莫德斯特闹剧 此事或还有反转?
  19. 赤道子午线弧长反演大地纬度
  20. 若再斗几合 瑞星杀毒软件升级包

热门文章

  1. 最新版本 Stable Diffusion 开源 AI 绘画工具之 老照片高清修复 篇
  2. ZBrush中怎样渲染漫画风格的插画
  3. ios+html+音频播放,iOS音频篇:使用AVPlayer播放网络音乐
  4. JS获取电脑分辨率大小和网页大小
  5. php面试常问的题目2
  6. mysql查看数据表是否损坏_mysql 检查数据库是否损坏
  7. hdoj4540 威威猫系列故事——打地鼠
  8. Pocsuite编写ActiveMQ任意文件上传漏洞脚本
  9. 基于SSM的学生宿舍设备报修系统的设计与实现+论文六稿+安装视频+包远程安装
  10. 高通WLAN框架学习(18)-- QPower 3.0