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 相关文章推荐
分享27个jQuery 表单插件集合推荐
Apr 25 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
网站404页面3秒后跳到首页的实例代码
Aug 16 Javascript
JavaScript监听和禁用浏览器回车事件实例
Jan 31 Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
jquery插件hiAlert实现网页对话框美化
May 03 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
Feb 25 Javascript
js仿微信语音播放实现思路
Dec 12 Javascript
JavaScript中的回调函数实例讲解
Jan 27 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
Mar 08 Javascript
详解webpack4.x之搭建前端开发环境
Mar 28 Javascript
浅谈vue权限管理实现及流程
Apr 23 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中获取指定IP的物理地址的代码(正则表达式)
2011/06/23 PHP
工厂模式在Zend Framework中应用介绍
2012/07/10 PHP
php自动给网址加上链接的方法
2015/06/02 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
JavaScript类型转换方法及需要注意的问题小结(挺全面)
2010/11/11 Javascript
用jQuery实现一些导航条切换,显示隐藏的实例代码
2013/06/08 Javascript
javaScript NameSpace 简单说明介绍
2013/07/18 Javascript
再谈javascript原型继承
2014/11/10 Javascript
chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
2015/10/09 Javascript
jQuery中事件与动画的总结分享
2016/05/24 Javascript
jQuery数组处理函数整理
2016/08/03 Javascript
JS动态给对象添加属性和值的实现方法
2016/10/21 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
2017/03/09 Javascript
node操作mysql数据库实例详解
2017/03/17 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考
2019/01/08 Javascript
微信小程序扫描二维码获取信息实例详解
2019/05/07 Javascript
ES6 Generator函数的应用实例分析
2019/06/26 Javascript
javascript面向对象三大特征之封装实例详解
2019/07/24 Javascript
javascript History对象原理解析
2020/02/17 Javascript
django实现登录时候输入密码错误5次锁定用户十分钟
2017/11/05 Python
Python实现屏幕截图的两种方式
2018/02/05 Python
Python hashlib模块用法实例分析
2018/06/12 Python
使用TensorFlow实现SVM
2018/09/06 Python
python数据挖掘需要学的内容
2019/06/23 Python
python创建子类的方法分析
2019/11/28 Python
详解python常用命令行选项与环境变量
2020/02/20 Python
Python三维绘图之Matplotlib库的使用方法
2020/09/20 Python
如何在scrapy中捕获并处理各种异常
2020/09/28 Python
selenium自动化测试入门实战
2020/12/21 Python
关于CSS Tooltips(鼠标经过时显示)的效果
2013/04/10 HTML / CSS
非常详细的C#面试题集
2016/07/13 面试题
财务总监岗位职责
2014/03/07 职场文书
邻里守望志愿服务活动方案
2014/08/15 职场文书
2015年“我们的节日·中秋节”活动总结
2015/07/30 职场文书
图文详解Nginx版本平滑升级方案
2021/09/15 Servers