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 TextArea的选中区域处理
Dec 28 Javascript
我的Node.js学习之路(四)--单元测试
Jul 06 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
Mar 11 Javascript
javascript实现显示和隐藏div方法汇总
Aug 14 Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
Jul 10 Javascript
ES6中的数组扩展方法
Aug 26 Javascript
JQuery学习总结【一】
Dec 01 Javascript
react中实现搜索结果中关键词高亮显示
Jul 31 Javascript
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
使用express获取微信小程序二维码小记
May 21 Javascript
你可能从未使用过的11+个JavaScript特性(小结)
Jan 08 Javascript
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
详解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
生成缩略图
2006/10/09 PHP
php 变量定义方法
2009/06/14 PHP
兼容PHP和Java的des加密解密代码分享
2014/06/26 PHP
thinkphp模板赋值与替换实例简述
2014/11/24 PHP
thinkphp集成前端脚手架Vue-cli的教程图解
2018/08/30 PHP
用js统计用户下载网页所需时间的脚本
2008/10/15 Javascript
中止javascript执行的方法
2014/02/14 Javascript
jQuery之字体大小的设置方法
2014/02/27 Javascript
新入门node.js必须要知道的概念(必看篇)
2016/08/10 Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
2016/09/30 Javascript
阿里云ecs服务器中安装部署node.js的步骤
2016/10/08 Javascript
详解jquery easyui之datagrid使用参考
2016/12/05 Javascript
bootstrap实现图片自动轮播
2016/12/21 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
BootStrap表单控件之复选框checkbox和单选择按钮radio
2017/05/23 Javascript
Vue结合SignalR实现前后端实时消息同步
2017/09/19 Javascript
ES6学习教程之模板字符串详解
2017/10/09 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
2019/06/10 Javascript
解决Vue打包后访问图片/图标不显示的问题
2019/07/25 Javascript
js prototype和__proto__的关系是什么
2019/08/23 Javascript
JavaScript使用prototype属性实现继承操作示例
2020/05/22 Javascript
vue 遮罩层阻止默认滚动事件操作
2020/07/28 Javascript
js实现飞机大战游戏
2020/08/26 Javascript
Python简单进程锁代码实例
2015/04/27 Python
python实现对一个完整url进行分割的方法
2015/04/29 Python
python图像常规操作
2017/11/11 Python
Django后台获取前端post上传的文件方法
2018/05/28 Python
Django 开发环境配置过程详解
2019/07/18 Python
Python selenium页面加载慢超时的解决方案
2020/03/18 Python
查看jupyter notebook每个单元格运行时间实例
2020/04/22 Python
PyQt5实现画布小程序
2020/05/30 Python
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
中式面点餐厅创业计划书
2014/01/29 职场文书
社区党员公开承诺书
2014/08/30 职场文书
志愿者爱心公益活动策划方案
2014/09/15 职场文书
学校学期工作总结
2015/08/13 职场文书