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 new一个对象的实质
Jan 07 Javascript
URL地址中的#符号使用说明
Feb 12 Javascript
基于JavaScript实现随机颜色输入框
Dec 10 Javascript
详解javascript中对数据格式化的思考
Jan 23 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
Sep 28 Javascript
Angular2.0实现modal对话框的方法示例
Feb 18 Javascript
webpack开发环境和生产环境的深入理解
Nov 08 Javascript
Vue实现简单分页器
Dec 29 Javascript
JS基于ES6新特性async await进行异步处理操作示例
Feb 02 Javascript
node创建Vue项目步骤详解
Mar 06 Javascript
JS定时器如何实现提交成功提示功能
Jun 12 Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 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中json_decode()和json_encode()的使用方法
2012/06/04 PHP
php插入排序法实现数组排序实例
2015/02/16 PHP
基于php的微信公众平台开发入门实例
2015/04/15 PHP
PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例
2020/08/17 PHP
javascript 常用关键字列表集合
2007/12/04 Javascript
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
2011/04/16 Javascript
JAVASCRIPT函数作用域和提前声明 分享
2013/08/22 Javascript
Js保留小数点的4种效果实现代码分享
2014/04/12 Javascript
触屏中的JavaScript事件分析
2015/02/06 Javascript
javascript鼠标右键菜单自定义效果
2020/12/08 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
2016/11/18 Javascript
js数组去重的hash方法
2016/12/22 Javascript
nodejs实现邮件发送服务实例分享
2017/03/29 NodeJs
JS继承与闭包及JS实现继承的三种方式
2017/10/15 Javascript
p5.js入门教程之图片加载
2018/03/20 Javascript
Vue通过provide inject实现组件通信
2020/09/03 Javascript
Linux下编译安装MySQL-Python教程
2015/02/02 Python
Python多线程经典问题之乘客做公交车算法实例
2017/03/22 Python
利用Python进行图像的加法,图像混合(附代码)
2019/07/14 Python
Django发送邮件和itsdangerous模块的配合使用解析
2019/08/10 Python
Pyqt5自适应布局实例
2019/12/13 Python
tensorflow从ckpt和从.pb文件读取变量的值方式
2020/05/26 Python
python中entry用法讲解
2020/12/04 Python
pycharm如何设置官方中文(如何汉化)
2020/12/29 Python
css3实现动画的三种方式
2020/08/24 HTML / CSS
使用jquery实现HTML5响应式导航菜单教程
2014/04/02 HTML / CSS
双立人美国官方商店:ZWILLING集团餐具和炊具
2020/05/07 全球购物
高中生职业生涯规划书
2014/02/24 职场文书
2014两会学习心得:时代的发展
2014/03/17 职场文书
离婚协议书范本(2014版)
2014/09/28 职场文书
医德医风自我评价2015
2015/03/03 职场文书
2015年统战工作总结
2015/05/19 职场文书
复活读书笔记
2015/06/29 职场文书
酒店员工管理制度
2015/08/05 职场文书
Golang标准库syscall详解(什么是系统调用)
2021/05/25 Golang
docker 制作mysql镜像并自动安装
2022/05/20 Servers