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 相关文章推荐
JavaScript聚焦于第一个字段的代码
Oct 15 Javascript
ExtJs中gridpanel分组后组名排序实例代码
Dec 02 Javascript
php的文件上传入门教程(实例讲解)
Apr 10 Javascript
深入学习JavaScript中的原型prototype
Aug 13 Javascript
JS实现支持多选的遍历下拉列表代码
Aug 20 Javascript
JSONObject使用方法详解
Dec 17 Javascript
JavaScript轮播停留效果的实现思路
May 24 Javascript
Angular通过指令动态添加组件问题
Jul 09 Javascript
JS使用new操作符创建对象的方法分析
May 30 Javascript
vue实现绑定事件的方法实例代码详解
Jun 20 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
Mar 07 Javascript
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
Jul 26 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中文件下载功能实现超详细流程分析
2012/06/13 PHP
wamp下修改mysql访问密码的解决方法
2013/05/07 PHP
图解找出PHP配置文件php.ini的路径的方法
2014/08/20 PHP
PHP Web木马扫描器代码分享
2015/09/06 PHP
ThinkPHP3.2.3框架实现的空模块、空控制器、空操作,跳转到错误404页面图文详解
2019/04/03 PHP
js+FSO遍历文件夹下文件并显示
2007/03/07 Javascript
jQuery 处理网页内容的实现代码
2010/02/15 Javascript
推荐20家国外的脚本下载网站
2011/04/28 Javascript
javascript (用setTimeout而非setInterval)
2011/12/28 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
2016/08/15 Javascript
vue-router2.0 组件之间传参及获取动态参数的方法
2017/11/10 Javascript
vue路由拦截及页面跳转的设置方法
2018/05/24 Javascript
php中and 和 &&出坑指南
2018/07/13 Javascript
vue使用i18n实现国际化的方法详解
2019/09/05 Javascript
node.js实现http服务器与浏览器之间的内容缓存操作示例
2020/02/11 Javascript
ES2020系列之空值合并运算符 '??'
2020/07/22 Javascript
Selenium执行JavaScript脚本的方法示例
2020/12/31 Javascript
Python实现的HTTP并发测试完整示例
2020/04/23 Python
Python爬虫模拟登录带验证码网站
2016/01/22 Python
python3 shelve模块的详解
2017/07/08 Python
Python reduce()函数的用法小结
2017/11/15 Python
Python使用add_subplot与subplot画子图操作示例
2018/06/01 Python
Django 在iframe里跳转顶层url的例子
2019/08/21 Python
python正则表达式匹配IP代码实例
2019/12/28 Python
开启Django博客的RSS功能的实现方法
2020/02/17 Python
python 实现多维数组(array)排序
2020/02/28 Python
CSS3 实现雷达扫描图的示例代码
2020/09/21 HTML / CSS
基督教婚礼主持词
2014/03/14 职场文书
搞笑创意广告语
2014/03/17 职场文书
幼儿园家长寄语
2014/04/02 职场文书
广告学专业毕业生自荐信
2014/05/28 职场文书
费城故事观后感
2015/06/10 职场文书
签约仪式致辞
2015/07/30 职场文书
《活见鬼》教学反思
2016/02/24 职场文书
MySQL 重写查询语句的三种策略
2021/05/10 MySQL
【海涛教你打DOTA】虚空假面第一视角骨弓3房29杀
2022/04/01 DOTA