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 相关文章推荐
实现超用户体验 table排序javascript实现代码
Jun 22 Javascript
yepnope.js 异步加载资源文件
Sep 08 Javascript
setTimeout的延时为0时多个浏览器的区别
May 23 Javascript
Webpack 实现 AngularJS 的延迟加载
Mar 02 Javascript
Javascript实现汉字和拼音互转的终极方案
Oct 19 Javascript
微信小程序实现给循环列表添加点击样式实例
Apr 26 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
Feb 05 Javascript
Angular6新特性之Angular Material
Dec 28 Javascript
vue-cli 3.x配置跨域代理的实现方法
Apr 12 Javascript
优雅的处理vue项目异常实战记录
Jun 05 Javascript
Vue移动端用淘宝弹性布局lib-flexible插件做适配的方法
May 26 Javascript
Vue+Element-U实现分页显示效果
Nov 15 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 smarty模版引擎中的缓存应用
2009/12/11 PHP
php function用法如何递归及return和echo区别
2014/03/07 PHP
php设计模式之工厂模式用法经典实例分析
2019/09/20 PHP
Javascript学习笔记5 类和对象
2010/01/11 Javascript
屏蔽F1~F12的快捷键的js函数
2010/05/06 Javascript
js简单实现交换Li的值
2014/05/22 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
jQuery中ajax错误调试分析
2016/12/01 Javascript
JavaScript 完成注册页面表单校验的实例
2017/08/19 Javascript
iview中Select 选择器多选校验方法
2018/03/15 Javascript
Webpack中雪碧图插件使用详解
2018/05/25 Javascript
vue无限轮播插件代码实例
2019/05/10 Javascript
[13:38]2015国际邀请赛中国战队出征仪式
2015/05/29 DOTA
浅谈五大Python Web框架
2017/03/20 Python
快速了解Python中的装饰器
2018/01/11 Python
python+POP3实现批量下载邮件附件
2018/06/19 Python
理想高通滤波实现Python opencv示例
2019/01/30 Python
python flask安装和命令详解
2019/04/02 Python
python打造爬虫代理池过程解析
2019/08/15 Python
Django实现文件上传下载功能
2019/10/06 Python
Python倒排索引之查找包含某主题或单词的文件
2019/11/13 Python
Tensorflow分批量读取数据教程
2020/02/07 Python
3种适用于Python的疯狂秘密武器及原因解析
2020/04/29 Python
python怎么判断模块安装完成
2020/06/19 Python
Python创建临时文件和文件夹
2020/08/05 Python
Fanatics英国官网:美国体育电商
2018/11/06 全球购物
真正的英国宝藏:Mappin & Webb
2019/05/05 全球购物
Jack Rogers官网:美国经典的女性鞋靴品牌
2019/09/04 全球购物
戛纳奢侈品商店:Jacques Loup法国
2019/11/04 全球购物
餐饮收银员岗位职责
2014/02/07 职场文书
高职教师先进事迹材料
2014/08/24 职场文书
销售活动策划方案
2014/08/26 职场文书
加强机关作风建设心得体会
2014/10/22 职场文书
2015年创先争优活动总结
2015/03/27 职场文书
Moment的feature导致线上bug解决分析
2022/09/23 Javascript
Redis实战之Lettuce的使用技巧详解
2022/12/24 Redis