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 相关文章推荐
js函数般调用正则
Apr 08 Javascript
鼠标焦点离开文本框时验证的js代码
Jul 19 Javascript
JS复制内容到剪切板的实例代码(兼容IE与火狐)
Nov 19 Javascript
javascript如何动态加载表格与动态添加表格行
Nov 27 Javascript
jquery实现的Accordion折叠面板效果代码
Sep 02 Javascript
angularjs在ng-repeat中使用ng-model遇到的问题
Jan 21 Javascript
JSON 对象未定义错误的解决方法
Sep 29 Javascript
js实现的简练高效拖拽功能示例
Dec 21 Javascript
vue实现点击图片放大效果
Aug 15 Javascript
原生JavaScript实现的简单放大镜效果示例
Feb 07 Javascript
Vue3.0中的monorepo管理模式的实现
Oct 14 Javascript
Web应用开发TypeScript使用详解
May 25 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
实现了一个PHP5的getter/setter基类的代码
2007/02/25 PHP
PHP XML操作类DOMDocument
2009/12/16 PHP
PHP读取xml方法介绍
2013/01/12 PHP
PHP类的封装与继承详解
2015/09/29 PHP
ThinkPHP3.2.1图片验证码实现方法
2016/08/19 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
用js判断页面是否加载完成实现代码
2012/12/11 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
2013/12/05 Javascript
jquery实现炫酷的叠加层自动切换特效
2015/02/01 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
js判断移动端是否安装某款app的多种方法
2015/12/18 Javascript
再谈javascript注入 黑客必备!
2016/09/14 Javascript
微信小程序 ecshop地址三级联动实现实例代码
2017/02/28 Javascript
jQuery中layer分页器的使用
2017/03/13 Javascript
解决vue组件中使用v-for出现告警问题及v for指令介绍
2017/11/11 Javascript
Python实现提取谷歌音乐搜索结果的方法
2015/07/10 Python
Python获取本机所有网卡ip,掩码和广播地址实例代码
2018/01/22 Python
PyCharm设置每行最大长度限制的方法
2019/01/16 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
Python增强赋值和共享引用注意事项小结
2019/05/28 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
python中的global关键字的使用方法
2019/08/20 Python
Python对Excel按列值筛选并拆分表格到多个文件的代码
2019/11/05 Python
使用Python实现 学生学籍管理系统
2019/11/26 Python
Python接口测试get请求过程详解
2020/02/28 Python
解决Django no such table: django_session的问题
2020/04/07 Python
Python Map 函数的使用
2020/08/28 Python
Python操控mysql批量插入数据的实现方法
2020/10/27 Python
HTML5新增元素如何兼容旧浏览器有哪些方法
2014/05/09 HTML / CSS
英国领先的瓷砖专家:Walls and Floors
2018/04/27 全球购物
村党支部书记个人对照材料汇报
2014/10/26 职场文书
小学生作文评语集锦
2014/12/25 职场文书
横店影视城导游词
2015/02/06 职场文书
css display table 自适应高度、宽度问题的解决
2021/05/07 HTML / CSS
Python常用配置文件ini、json、yaml读写总结
2021/07/09 Python
继承Win10缺点!教你关闭Win11烦人的网络搜索
2021/11/23 数码科技