JavaScript从数组中删除指定值元素的方法


Posted in Javascript onMarch 18, 2015

本文实例讲述了JavaScript从数组中删除指定值元素的方法。分享给大家供大家参考。具体分析如下:

下面的代码使用了两种方式删除数组的元素,第一种定义一个单独的函数,第二种为Array对象定义了一个removeByValue的方法,调用非常简单

定义函数removeByValue进行元素删除

function removeByValue(arr, val) {
  for(var i=0; i<arr.length; i++) {
    if(arr[i] == val) {
      arr.splice(i, 1);
      break;
    }
  }
}
var somearray = ["mon", "tue", "wed", "thur"]
removeByValue(somearray, "tue");
//somearray will now have "mon", "wed", "thur"

为数组对象增加相应的的方法,调用就变得更加简单了,直接调用数组的removeByValue方法即可删除指定元素

Array.prototype.removeByValue = function(val) {
  for(var i=0; i<this.length; i++) {
    if(this[i] == val) {
      this.splice(i, 1);
      break;
    }
  }
}
var somearray = ["mon", "tue", "wed", "thur"]
somearray.removeByValue("tue");
//somearray will now have "mon", "wed", "thur"

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
js Date自定义函数 延迟脚本执行
Mar 10 Javascript
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
Jul 09 Javascript
jquery实现div阴影效果示例代码
Sep 16 Javascript
Javascript常用小技巧汇总
Jun 24 Javascript
跟我学习javascript的函数调用和构造函数调用
Nov 16 Javascript
jQuery的实例及必知重要的jQuery选择器详解
May 20 Javascript
谈谈第三方App接入微信登录 解读
Dec 27 Javascript
vue2.0移除或更改的一些东西(移除index key)
Aug 28 Javascript
JS实现仿微信支付弹窗功能
Jun 25 Javascript
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
Node.js API详解之 timer模块用法实例分析
May 07 Javascript
浅谈vue中resetFields()使用注意事项
Aug 12 Javascript
JavaScript通过字符串调用函数的实现方法
Mar 18 #Javascript
JS制作简单的三级联动
Mar 18 #Javascript
javascript实现ecshop搜索框键盘上下键切换控制
Mar 18 #Javascript
javascript版2048小游戏
Mar 18 #Javascript
JavaScript判断用户是否对表单进行了修改的方法
Mar 18 #Javascript
JavaScript阻止浏览器返回按钮的方法
Mar 18 #Javascript
JavaScript列表框listbox全选和反选的实现方法
Mar 18 #Javascript
You might like
PHP的FTP学习(二)[转自奥索]
2006/10/09 PHP
php字符串分割函数explode的实例代码
2013/02/07 PHP
请离开include_once和require_once
2013/07/18 PHP
WordPress中编写自定义存储字段的相关PHP函数解析
2015/12/25 PHP
Yii框架批量插入数据扩展类的简单实现方法
2017/05/23 PHP
PHP面向对象程序设计中的self、static、parent关键字用法分析
2019/08/14 PHP
根据地区不同显示时间的javascript代码
2007/08/13 Javascript
Jquery Ajax学习实例3 向WebService发出请求,调用方法返回数据
2010/03/16 Javascript
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
2013/04/08 Javascript
node.js中的socket.io入门实例
2014/04/26 Javascript
window.returnValue使用方法示例介绍
2014/07/03 Javascript
JS实现从连接中获取youtube的key实例
2015/07/02 Javascript
js实现简单秒表走动的时钟特效
2020/03/25 Javascript
10个很棒的jQuery代码片段
2015/09/24 Javascript
如何实现移动端浏览器不显示 pc 端的广告
2015/10/15 Javascript
javascript实现简单的on事件绑定
2016/08/23 Javascript
js对象浅拷贝和深拷贝详解
2016/09/05 Javascript
js 判断登录界面的账号密码是否为空
2017/02/08 Javascript
Bootstrap实现翻页效果
2017/11/27 Javascript
JS数组方法reverse()用法实例分析
2020/01/18 Javascript
Node.js学习之内置模块fs用法示例
2020/01/22 Javascript
python字符串连接的N种方式总结
2014/09/17 Python
Python中的fileinput模块的简单实用示例
2015/07/09 Python
windows系统下Python环境的搭建(Aptana Studio)
2017/03/06 Python
django 微信网页授权认证api的步骤详解
2019/07/30 Python
利用python实现汉字转拼音的2种方法
2019/08/12 Python
python已协程方式处理任务实现过程
2019/12/27 Python
python梯度下降算法的实现
2020/02/24 Python
PythonPC客户端自动化实现原理(pywinauto)
2020/05/28 Python
python装饰器实现对异常代码出现进行自动监控的实现方法
2020/09/15 Python
简单叙述一下MYSQL的优化
2016/05/09 面试题
英文求职信结束语大全
2013/10/26 职场文书
医护人员英文求职信范文
2013/11/26 职场文书
民族精神月活动总结
2014/08/28 职场文书
JavaScript模拟实现网易云轮播效果
2022/04/04 Javascript