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 相关文章推荐
索趣科技的答案
Feb 07 Javascript
jquery利用ajax调用后台方法实例
Aug 23 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
Oct 18 Javascript
JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
Dec 06 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
Mar 03 Javascript
Javascript中数组去重与拍平的方法示例
Feb 03 Javascript
Angularjs 实现动态添加控件功能
May 25 Javascript
移动设备手势事件库Touch.js使用详解
Aug 18 Javascript
详解使用React全家桶搭建一个后台管理系统
Nov 04 Javascript
JS事件绑定的常用方式实例总结
Mar 02 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
Aug 17 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
Dec 26 Vue.js
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
用 Composer构建自己的 PHP 框架之基础准备
2014/10/30 PHP
PHP抓取网页、解析HTML常用的方法总结
2015/07/01 PHP
微信利用PHP创建自定义菜单的方法
2016/08/01 PHP
Referer原理与图片防盗链实现方法详解
2019/07/03 PHP
PHP 文件上传限制问题
2019/09/01 PHP
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
2010/06/19 Javascript
A标签触发onclick事件而不跳转的多种解决方法
2013/06/27 Javascript
如何让DIV可编辑、可拖动示例代码
2013/09/18 Javascript
jQuery截取指定长度字符串的实现原理及代码
2014/07/01 Javascript
jQuery中removeData()方法用法实例
2014/12/27 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
2015/04/06 Javascript
一种新的javascript对象创建方式Object.create()
2015/12/28 Javascript
jQuery基于扩展简单实现倒计时功能的方法
2016/05/14 Javascript
基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法
2016/07/22 Javascript
深入理解jQuery layui分页控件的使用
2016/08/17 Javascript
AngularJS  $on、$emit和$broadcast的使用
2016/09/05 Javascript
利用JS实现scroll自定义滚动效果详解
2017/10/17 Javascript
详解webpack3编译兼容IE8的正确姿势
2017/12/21 Javascript
最后说说Vue2 SSR 的 Cookies 问题
2018/05/25 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
关于vue的npm run dev和npm run build的区别介绍
2019/01/14 Javascript
js实现简单贪吃蛇游戏
2020/05/15 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
2020/09/09 Javascript
[01:08:57]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第二场
2014/05/24 DOTA
在Django的视图中使用form对象的方法
2015/07/18 Python
python实现聚类算法原理
2018/02/12 Python
python爬取个性签名的方法
2018/06/17 Python
解决python字典对值(值为列表)赋值出现重复的问题
2019/01/20 Python
使用Python给头像戴上圣诞帽的图像操作过程解析
2019/09/20 Python
python爬虫学习笔记之pyquery模块基本用法详解
2020/04/09 Python
大学生求职信范文应怎么写
2014/01/01 职场文书
开工庆典邀请函范文
2014/01/16 职场文书
争做文明公民倡议书
2014/08/29 职场文书
公司更名通知函
2015/04/24 职场文书
无保留意见审计报告
2015/06/05 职场文书
springboot为异步任务规划自定义线程池的实现
2022/06/14 Java/Android