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 相关文章推荐
JavaScript XML和string相互转化实现代码
Jul 04 Javascript
jquery获取tr并更改tr内容示例代码
Feb 13 Javascript
Jquery选择器中使用变量实现动态选择例子
Jul 25 Javascript
JavaScript极简入门教程(二):对象和函数
Oct 25 Javascript
微信小程序 数据访问实例详解
Oct 08 Javascript
原生js仿淘宝网商品放大镜效果
Feb 28 Javascript
使用jquery datatable和bootsrap创建表格实例代码
Mar 17 Javascript
vue实现移动端图片裁剪上传功能
Aug 18 Javascript
Javascript中绑定click事件的四种方式介绍
Oct 26 Javascript
vue与iframe之间的信息交互的实现
Apr 08 Javascript
Vue + element 实现多选框组并保存已选id集合的示例代码
Jun 03 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
Jul 20 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
smarty+adodb+部分自定义类的php开发模式
2006/12/31 PHP
php面向对象全攻略 (四)构造方法与析构方法
2009/09/30 PHP
解析php中如何调用用户自定义函数
2013/08/06 PHP
php调用mysql存储过程实例分析
2014/12/29 PHP
php面向对象与面向过程两种方法给图片添加文字水印
2015/08/26 PHP
JavaScript 设计模式学习 Singleton
2009/07/27 Javascript
超简单的jquery的AJAX用法
2010/05/10 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
2012/12/12 Javascript
让复选框只能选择一项的方法
2013/10/08 Javascript
按Enter键触发事件的jquery方法实现代码
2014/02/17 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
2014/07/18 Javascript
AngularJS+Node.js实现在线聊天室
2015/08/28 Javascript
Node.js与MySQL交互操作及其注意事项
2016/10/05 Javascript
js继承实现方法详解
2016/12/16 Javascript
Bootstrap源码解读表单(2)
2016/12/22 Javascript
原生JS实现《别踩白块》游戏(兼容IE)
2017/02/20 Javascript
微信小程序实现瀑布流布局与无限加载的方法详解
2017/05/12 Javascript
angular+ionic返回上一页并刷新页面
2017/08/08 Javascript
js仿微信抢红包功能
2020/09/25 Javascript
获取本机IP地址的实例(JavaScript / Node.js)
2017/11/24 Javascript
详解Angular6.0使用路由步骤(共7步)
2018/06/29 Javascript
vue使用ajax获取后台数据进行显示的示例
2018/08/09 Javascript
微信小程序实现蓝牙打印
2019/09/23 Javascript
原生js拖拽实现图形伸缩效果
2020/02/10 Javascript
Vue 实现拨打电话操作
2020/11/16 Javascript
python格式化字符串实例总结
2014/09/28 Python
Python探索之实现一个简单的HTTP服务器
2017/10/28 Python
Python3用tkinter和PIL实现看图工具
2018/06/21 Python
Python自定义一个类实现字典dict功能的方法
2019/01/19 Python
Mysql数据库反向生成Django里面的models指令方式
2020/05/18 Python
python中字典增加和删除使用方法
2020/09/30 Python
HTML5实现无刷新修改URL的方法
2019/11/14 HTML / CSS
党员服务承诺书
2014/05/28 职场文书
大学优秀学生主要事迹材料
2015/11/04 职场文书
MySQL 如何分析查询性能
2021/05/12 MySQL