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 01 Javascript
Javascript中设置默认参数值示例
Sep 11 Javascript
js单独获取一个checkbox看其是否被选中
Sep 22 Javascript
jquery横向纵向鼠标滚轮全屏切换
Feb 27 Javascript
JS使用正则表达式验证身份证号码
Jun 23 Javascript
JS实现点击复选框变更DIV显示状态的示例代码
Dec 18 Javascript
详解Immutable及 React 中实践
Mar 01 Javascript
angular2 ng2-file-upload上传示例代码
Aug 23 Javascript
VUE 自定义组件模板的方法详解
Aug 30 Javascript
JS面向对象编程基础篇(一) 对象和构造函数实例详解
Mar 03 Javascript
javascript使用正则表达式实现注册登入校验
Sep 23 Javascript
详解JavaScript之Array.reduce源码解读
Nov 01 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开启安全模式后禁用的函数集合
2011/06/26 PHP
php上传apk后自动提取apk包信息的使用(示例下载)
2013/04/26 PHP
PHP数据类型之布尔型的介绍
2013/04/28 PHP
php弹出对话框实现重定向代码
2014/01/23 PHP
PHP采集类snoopy详细介绍(snoopy使用教程)
2014/06/19 PHP
Laravel 5框架学习之向视图传送数据(进阶篇)
2015/04/08 PHP
Laravel下生成验证码的类
2017/11/15 PHP
jquery遍历筛选数组的几种方法和遍历解析json对象
2013/12/13 Javascript
jsPDF生成pdf后在网页展示实例
2014/01/16 Javascript
jQuery中wrapAll()方法用法实例
2015/01/16 Javascript
jQuery向父辈遍历的简单方法
2016/09/18 Javascript
探究Vue.js 2.0新增的虚拟DOM
2016/10/20 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
2016/11/05 Javascript
Node.js 8 中的重要新特性
2017/06/28 Javascript
微信小程序实现tab和swiper切换结合效果
2020/07/17 Javascript
5分钟教你用nodeJS手写一个mock数据服务器的方法
2019/09/10 NodeJs
JS扁平化输出数组的2种方法解析
2019/09/17 Javascript
React实现todolist功能
2020/12/28 Javascript
Python实现的拟合二元一次函数功能示例【基于scipy模块】
2018/05/15 Python
pip安装时ReadTimeoutError的解决方法
2018/06/12 Python
python实现的爬取电影下载链接功能示例
2019/08/26 Python
python 队列基本定义与使用方法【初始化、赋值、判断等】
2019/10/24 Python
nginx+uwsgi+django环境搭建的方法步骤
2019/11/25 Python
python基于celery实现异步任务周期任务定时任务
2019/12/30 Python
2021年的Python 时间轴和即将推出的功能详解
2020/07/27 Python
python 爬虫基本使用——统计杭电oj题目正确率并排序
2020/10/26 Python
pycharm2020.1.2永久破解激活教程,实测有效
2020/10/29 Python
科颜氏法国官网:Kiehl’s法国
2019/08/20 全球购物
abstract class和interface有什么区别?
2012/01/03 面试题
打架检讨书300字
2014/02/02 职场文书
企业法人代表授权委托书
2014/10/02 职场文书
体育运动会广播稿
2014/10/05 职场文书
2014年无财产无子女离婚协议书范本
2014/10/09 职场文书
golang import自定义包方式
2021/04/29 Golang
详解 TypeScript 枚举类型
2021/11/02 Javascript
详解MySQL的内连接和外连接
2023/05/08 MySQL