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 两个窗体之间传值实现代码
Sep 25 Javascript
js判断是否为ie的方法小结
Jan 13 Javascript
js控制文本框只输入数字和小数点的方法
Mar 10 Javascript
jquery实现右键菜单插件
Mar 29 Javascript
JavaScript使表单中的内容显示在屏幕上的方法
Jun 29 Javascript
JS实现自动变换的菜单效果代码
Sep 09 Javascript
javascript获取wx.config内部字段解决微信分享
Mar 09 Javascript
jquery延迟对象解析
Oct 26 Javascript
Bootstrap modal只加载一次数据的解决办法(推荐)
Nov 24 Javascript
Java设计中的Builder模式的介绍
Mar 22 Javascript
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
Mar 06 jQuery
js实现飞机大战小游戏
Aug 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
用windows下编译过的eAccelerator for PHP 5.1.6实现php加速的使用方法
2007/09/30 PHP
php数组函数序列之ksort()对数组的元素键名进行升序排序,保持索引关系
2011/11/02 PHP
php中限制ip段访问、禁止ip提交表单的代码分享
2014/08/22 PHP
PHP针对中英文混合字符串长度判断及截取方法示例
2017/03/31 PHP
Thinkphp页面跳转设置跳转等待时间的操作
2019/10/16 PHP
PDO实现学生管理系统
2020/03/21 PHP
php swoft框架实例用法
2020/12/22 PHP
用js通过url传参把数据从一个页面传到另一个页面
2014/09/01 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
Nodejs学习笔记之Stream模块
2015/01/13 NodeJs
javascript实现图片延迟加载方法汇总(三种方法)
2015/08/27 Javascript
jquery动态切换背景图片的简单实现方法
2016/05/14 Javascript
浅谈javascript基础之客户端事件驱动
2016/06/10 Javascript
JavaScript计算器网页版实现代码分享
2016/07/15 Javascript
js图片上传前预览功能(兼容所有浏览器)
2016/08/24 Javascript
Vue响应式原理详解
2017/04/18 Javascript
js canvas画布实现高斯模糊效果
2018/11/27 Javascript
Angular中使用ng-zorro图标库部分图标不能正常显示问题
2019/04/22 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
JavaScript图像放大镜效果实现方法详解
2020/06/28 Javascript
js实现简单商品筛选功能
2021/02/02 Javascript
[54:53]完美世界DOTA2联赛PWL S2 GXR vs PXG 第二场 11.18
2020/11/18 DOTA
在PyCharm下打包*.py程序成.exe的方法
2018/11/29 Python
Python----数据预处理代码实例
2019/03/20 Python
Python人工智能之路 jieba gensim 最好别分家之最简单的相似度实现
2019/08/13 Python
python系列 文件操作的代码
2019/10/06 Python
pytorch中的上采样以及各种反操作,求逆操作详解
2020/01/03 Python
Django中使用Celery的方法步骤
2020/12/07 Python
美国餐厅用品和厨房设备批发网站:KaTom Restaurant Supply
2018/01/27 全球购物
新学期开学演讲稿
2014/05/24 职场文书
农村文化建设标语
2014/10/07 职场文书
写好求职信的技巧解密
2019/05/14 职场文书
HR在给员工开具离职证明时,需要注意哪些问题?
2019/07/03 职场文书
Java 死锁解决方案
2022/05/11 Java/Android
css样式important规则的正确使用方式
2022/06/10 HTML / CSS
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers