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 复制数组实现代码
Nov 26 Javascript
javascript 得到变量类型的函数
May 19 Javascript
JQuery与JSon实现的无刷新分页代码
Sep 13 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
Dec 12 Javascript
js封装可使用的构造函数继承用法分析
Jan 28 Javascript
优化RequireJS项目的相关技巧总结
Jul 01 Javascript
Angularjs中的ui-bootstrap的使用教程
Feb 19 Javascript
vue.js删除动态绑定的radio的指定项
Jun 02 Javascript
Vue实现跑马灯效果
May 25 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
Jun 04 Javascript
实现vuex原理的示例
Oct 21 Javascript
js实现简易拖拽的示例
Oct 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 email邮箱正则
2008/10/08 PHP
php gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
2010/05/15 PHP
PHP图像处理类库MagickWand用法实例分析
2015/05/21 PHP
Yii安装与使用Excel扩展的方法
2016/07/13 PHP
PHP中SESSION过期设置
2021/03/09 PHP
Javascript & DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
2007/06/02 Javascript
Use Word to Search for Files
2007/06/15 Javascript
jquery二级导航内容均分的原理及实现
2013/08/13 Javascript
jQuery操作select下拉框的text值和value值的方法
2014/05/31 Javascript
纯js实现div内图片自适应大小(已测试,兼容火狐)
2014/06/16 Javascript
基于JavaScript实现移除(删除)数组中指定元素
2016/01/04 Javascript
Bootstrap3制作自己的导航栏
2016/05/12 Javascript
JavaScript编码风格指南(中文版)
2016/08/26 Javascript
js获取地址栏中传递的参数(两种方法)
2017/02/08 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
2017/02/10 Javascript
seajs中最常用的7个功能、配置示例
2017/10/10 Javascript
Angular17之Angular自定义指令详解
2018/01/21 Javascript
使用异步组件优化Vue应用程序的性能
2019/04/28 Javascript
微信小程序登录态和检验注册过没的app.js写法
2019/05/22 Javascript
解决vuex刷新状态初始化的方法实现
2019/08/15 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
2020/10/20 Javascript
[01:05:36]VP vs TNC Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
python每隔N秒运行指定函数的方法
2015/03/16 Python
python用列表生成式写嵌套循环的方法
2018/11/08 Python
详解python的argpare和click模块小结
2019/03/31 Python
python3用PIL把图片转换为RGB图片的实例
2019/07/04 Python
HTML5+lufylegend实现游戏中的卷轴
2016/02/29 HTML / CSS
goodhealth官方海外旗舰店:新西兰国民营养师
2017/12/15 全球购物
新入职员工的自我介绍演讲稿
2014/01/02 职场文书
给女儿的表扬信
2014/01/18 职场文书
最新优秀教师个人先进事迹材料
2014/05/06 职场文书
银行金融服务方案
2014/06/11 职场文书
煤矿安全知识竞赛活动总结
2014/07/07 职场文书
会计工作岗位职责
2015/02/03 职场文书
《雪域豹影》读后感:父爱的伟大
2019/12/23 职场文书
CSS3 制作的图片滚动效果
2021/04/14 HTML / CSS