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 表格操作(交替显示、拖动表格行、选择行等)
Jul 29 Javascript
javascript控制frame,iframe的src属性代码
Dec 31 Javascript
使用jQuery同时控制四张图片的伸缩实现代码
Apr 19 Javascript
快速解决jQuery与其他库冲突的方法介绍
Jan 02 Javascript
JavaScript实现的内存数据库LokiJS介绍和入门实例
Nov 17 Javascript
使用jquery组件qrcode生成二维码及应用指南
Feb 22 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
Oct 27 Javascript
jQuery获取字符串中出现最多的数
Feb 22 Javascript
详解jQuery插件开发方式
Nov 22 Javascript
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
Jan 04 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
Jan 17 Javascript
微信小程序实现皮肤功能(夜间模式)
Jun 18 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
打造计数器DIY三步曲(中)
2006/10/09 PHP
php中DOMDocument简单用法示例代码(XML创建、添加、删除、修改)
2010/12/19 PHP
php操作csv文件代码实例汇总
2014/09/22 PHP
PHP实现通过中文字符比率来判断垃圾评论的方法
2014/10/20 PHP
php5.3不能连接mssql数据库的解决方法
2014/12/27 PHP
PHP向socket服务器收发数据的方法
2015/01/24 PHP
详谈PHP面向对象中常用的关键字和魔术方法
2017/02/04 PHP
用jquery设置按钮的disabled属性的实现代码
2010/11/28 Javascript
javascript 闭包疑问
2010/12/30 Javascript
ExtJS4如何给同一个formpanel不同的url
2014/05/02 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
2016/02/27 Javascript
javascript html5 canvas实现可拖动省份的中国地图
2016/03/11 Javascript
JS 实现 ajax 异步浏览器兼容问题
2017/01/21 Javascript
全面解析vue中的数据双向绑定
2017/05/10 Javascript
bootstrap table实现双击可编辑、添加、删除行功能
2017/09/27 Javascript
AngularJS与BootStrap模仿百度分页的示例代码
2018/05/23 Javascript
WINDOWS 同时安装 python2 python3 后 pip 错误的解决方法
2017/03/16 Python
Django模板变量如何传递给外部js调用的方法小结
2017/07/24 Python
磁盘垃圾文件清理器python代码实现
2020/08/24 Python
Python解决八皇后问题示例
2018/04/22 Python
python使用matplotlib库生成随机漫步图
2018/08/27 Python
python 分离文件名和路径以及分离文件名和后缀的方法
2018/10/21 Python
在Python中给Nan值更改为0的方法
2018/10/30 Python
对python调用RPC接口的实例详解
2019/01/03 Python
Python 利用pydub库操作音频文件的方法
2019/01/09 Python
python-sys.stdout作为默认函数参数的实现
2020/02/21 Python
网络安全方面的面试题
2016/01/07 面试题
写一个函数,要求输入一个字符串和一个字符长度,对该字符串进行分隔
2015/07/30 面试题
研修第一天随笔感言
2014/02/15 职场文书
公司总经理工作职责管理办法
2014/02/28 职场文书
2015年消费者权益日活动总结
2015/02/09 职场文书
办公室主任个人总结
2015/02/28 职场文书
党小组意见范文
2015/06/08 职场文书
感恩教育观后感
2015/06/17 职场文书
Java 超详细讲解数据结构中的堆的应用
2022/04/02 Java/Android
Apache SeaTunnel实现 非CDC数据抽取
2022/05/20 Servers