JS实现根据指定值删除数组中的元素操作示例


Posted in Javascript onAugust 02, 2018

本文实例讲述了JS实现根据指定值删除数组中的元素操作。分享给大家供大家参考,具体如下:

解决问题:

1 .JS判断元素是否在数组内

2. JS根据指定值删除数组中的元素

要点:相当于jquery 的 $.inArray() 这个方法

原生js 如果想删除数组,有一个函数

splice()   ~~ 删除元素,并向数组添加新元素。

这个货 是根据数组内的下标 也就是索引来 删除元素的比如:

var arrList = ['a','b','c','d'];
arrList.splice(2,1);
alert(arrList);

下标为 2  也就是‘c'给删除了。

那么现在我们在很多场景中,需要用到 根据数组 元素的“值” 来删除或者获取数据 怎么办?(指的原生js,jquery伟大之处出来了,一个$.inArray() 就全搞定)

下面我们来给数组封装一方法

Array.prototype.contains = function(obj) {
 var i = this.length;
 while (i--) {
  if (this[i] === obj) {
   return i; // 返回的这个 i 就是元素的索引下标,
  }
 }
 return false;
}
var arrList = ['a','b','c','d'];
arrList.splice(arrList.contains('c'),1) // 这样就可以删除 这个元素了直接

自己写一个函数 这样

function contains(a, obj) {
 var i = a.length;
 while (i--) {
  if (a[i] === obj) {
   return i;
  }
 }
 return false;
}

直接引用吧

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

Javascript 相关文章推荐
jQuery怎么解析Json字符串(Json格式/Json对象)
Aug 09 Javascript
jQuery+json实现的简易Ajax调用实例
Dec 14 Javascript
jquery实现树形菜单完整代码
Dec 29 Javascript
详谈javascript异步编程
Feb 21 Javascript
JS平滑无缝滚动效果的实现代码
May 06 Javascript
js匿名函数作为函数参数详解
Jun 01 Javascript
表单元素值获取方式js及java方式的简单实例
Oct 15 Javascript
BootStrap Datetimepicker 汉化的实现代码
Feb 10 Javascript
jquery.form.js异步提交表单详解
Apr 25 jQuery
利用vueJs实现图片轮播实例代码
Jun 03 Javascript
es6+angular1.X+webpack 实现按路由功能打包项目的示例
Aug 16 Javascript
Angular使用 ng-img-max 调整浏览器中的图片的示例代码
Aug 17 Javascript
详解Angular中通过$location获取地址栏的参数
Aug 02 #Javascript
JavaScript防止全局变量污染的方法总结
Aug 02 #Javascript
微信小程序之自定义组件的实现代码(附源码)
Aug 02 #Javascript
Array数组对象中的forEach、map、filter及reduce详析
Aug 02 #Javascript
利用Blob进行文件上传的完整步骤
Aug 02 #Javascript
vue.js图片转Base64上传图片并预览的实现方法
Aug 02 #Javascript
vue组件横向树实现代码
Aug 02 #Javascript
You might like
PHP获取input输入框中的值去数据库比较显示出来
2016/11/16 PHP
php+redis实现商城秒杀功能
2020/11/19 PHP
在laravel中实现ORM模型使用第二个数据库设置
2019/10/24 PHP
JavaScript 开发规范要求(图文并茂)
2010/06/11 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
2011/07/13 Javascript
js css 实现遮罩层覆盖其他页面元素附图
2014/09/22 Javascript
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
2015/07/27 Javascript
JS实现的竖向折叠菜单代码
2015/10/21 Javascript
详谈$.data()的用法和作用
2017/02/13 Javascript
Vue2学习笔记之请求数据交互vue-resource
2017/02/23 Javascript
如何理解Vue的.sync修饰符的使用
2017/08/17 Javascript
javascript实现Java中的Map对象功能的实例详解
2017/08/21 Javascript
微信小程序实现添加手机联系人功能示例
2017/11/30 Javascript
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
2017/12/24 jQuery
详解如何在vue项目中使用lodop打印插件
2018/09/27 Javascript
vue过滤器用法实例分析
2019/03/15 Javascript
python登录并爬取淘宝信息代码示例
2017/12/09 Python
python3实现网络爬虫之BeautifulSoup使用详解
2018/12/19 Python
python实现秒杀商品的微信自动提醒功能(代码详解)
2020/04/27 Python
css 省略号 css3让多余的字符串消失并附加省略号的实现代码
2013/02/07 HTML / CSS
使用CSS实现弹性视频html5案例实践
2012/12/26 HTML / CSS
HTML5实现一个能够移动的小坦克示例代码
2013/09/02 HTML / CSS
linux面试题参考答案(9)
2016/01/29 面试题
美德好少年主要事迹
2014/01/29 职场文书
酒店营销策划方案
2014/02/07 职场文书
售后求职信范文
2014/03/15 职场文书
绿色环保演讲稿
2014/05/10 职场文书
司法建议书范文
2014/05/13 职场文书
实习护士自荐信
2014/06/21 职场文书
商场父亲节活动方案
2014/08/27 职场文书
2014年双拥工作总结
2014/11/21 职场文书
企业安全生产规章制度
2015/08/06 职场文书
婚礼必备主持词范本!
2019/07/23 职场文书
Oracle11g R2 安装教程完整版
2021/06/04 Oracle
linux下安装redis图文详细步骤
2021/12/04 Redis
MySQL常见优化方案汇总
2022/01/18 MySQL