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 相关文章推荐
ie 调试javascript的工具
Apr 29 Javascript
JQuery的ajax获取数据后的处理总结(html,xml,json)
Jul 14 Javascript
jquery中html、val与text三者属性取值的联系与区别介绍
Dec 29 Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
Aug 28 Javascript
Node.js 条形码识别程序构建思路详解
Feb 14 Javascript
jQuery点击头像上传并预览图片
Feb 23 Javascript
移动端利用H5实现压缩图片上传功能
Mar 29 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
JavaScript获取tr td 的三种方式全面总结(推荐)
Aug 15 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 jQuery
Ant-design-vue Table组件customRow属性的使用说明
Oct 28 Javascript
vue 中 get / delete 传递数组参数方法
Mar 23 Vue.js
详解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出错界面
2006/10/09 PHP
快速开发一个PHP扩展图文教程
2008/12/12 PHP
thinkphp 多表 事务详解
2013/06/17 PHP
使用PHP强制下载PDF文件示例
2014/01/17 PHP
PHP加密解密实例分析
2015/12/25 PHP
PHP内存溢出优化代码详解
2021/02/26 PHP
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
2011/04/06 Javascript
jquery实现图片灯箱明暗的遮罩效果
2013/11/15 Javascript
JS实现简洁、全兼容的拖动层实例
2015/05/13 Javascript
jQuery的Read()方法代替原生JS详解
2016/11/08 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
2016/12/07 Javascript
几种tab切换详解
2017/02/03 Javascript
js实现简单的手风琴效果
2017/02/27 Javascript
AngularJS监听路由变化的方法
2017/03/07 Javascript
vue 组件的封装之基于axios的ajax请求方法
2018/08/11 Javascript
微信小程序实现评论功能
2018/11/28 Javascript
JQuery实现ajax请求的示例和注意事项
2018/12/10 jQuery
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
2019/04/17 Javascript
javascript实现点击小图显示大图
2020/11/29 Javascript
[53:20]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 VG vs OG
2018/04/03 DOTA
django数据库migrate失败的解决方法解析
2018/02/08 Python
python调用百度地图WEB服务API获取地点对应坐标值
2019/01/16 Python
python实现集中式的病毒扫描功能详解
2019/07/09 Python
python控制台实现tab补全和清屏的例子
2019/08/20 Python
基于Python获取docx/doc文件内容代码解析
2020/02/17 Python
python+selenium+PhantomJS抓取网页动态加载内容
2020/02/25 Python
OpenCV实现机器人对物体进行移动跟随的方法实例
2020/11/09 Python
美国最大的城市服装和运动鞋零售商:Jimmy Jazz
2016/11/19 全球购物
美国最大的骑马用品零售商:HorseLoverZ
2017/01/12 全球购物
EMPHASIS艾斐诗官网:周生生旗下原创精品珠宝品牌
2020/12/17 全球购物
介绍一下Java的安全机制
2012/06/28 面试题
财务简历的自我评价
2014/03/05 职场文书
团结就是力量演讲稿
2014/05/21 职场文书
国贸专业求职信
2014/06/28 职场文书
党员违纪检讨书怎么写
2014/11/01 职场文书
电工生产实习心得体会
2016/01/22 职场文书