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批量设置样式的三种方法不推荐使用with
Feb 25 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
Mar 02 Javascript
JavaScript数组随机排列实现随机洗牌功能
Mar 19 Javascript
简单对比分析JavaScript中的apply,call与this的使用
Dec 04 Javascript
使用plupload自定义参数实现多文件上传
Jul 19 Javascript
浅谈函数调用的不同方式,以及this的指向
Sep 17 Javascript
Webpack打包字体font-awesome的方法示例
Apr 26 Javascript
解决vue热替换失效的根本原因
Sep 19 Javascript
小程序实现留言板
Nov 02 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
May 29 Javascript
一次让你了解全部JavaScript的作用域
Jun 24 Javascript
vue 解决form表单提交但不跳转页面的问题
Oct 30 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 过滤危险html代码
2009/06/29 PHP
PHP中获取时间的下一周下个月的方法
2014/03/18 PHP
PHP读书笔记_运算符详解
2016/07/01 PHP
PHP获取本周所有日期或者最近七天所有日期的方法
2018/06/20 PHP
php测试kafka项目示例
2020/02/06 PHP
比Jquery的document.ready更快的方法
2010/04/28 Javascript
jQuery的图片滑块焦点图插件整理推荐
2014/12/07 Javascript
详解JavaScript中的表单验证
2015/06/16 Javascript
Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
2015/08/15 Javascript
基于Jquery实现焦点图淡出淡入效果
2015/11/30 Javascript
js控制TR的显示隐藏
2016/03/04 Javascript
javascript判断图片是否加载完成的方法推荐
2016/05/13 Javascript
JS 日期与时间戮相互转化的简单实例
2016/06/22 Javascript
Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法
2017/02/27 Javascript
Puppet的一些技巧
2018/09/17 Javascript
Angular resolve基础用法详解
2018/10/03 Javascript
puppeteer实现html截图的示例代码
2019/01/10 Javascript
JS实现可用滑块滑动的缓动图代码
2019/09/01 Javascript
vue中实现动态生成二维码的方法
2020/02/21 Javascript
JS如何在数组指定位置插入元素
2020/03/10 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
2020/10/24 Javascript
[01:51]开启你的城市传奇 完美世界城市挑战赛开始报名
2018/10/09 DOTA
[07:25]DOTA2-DPC中国联赛2月5日Recap集锦
2021/03/11 DOTA
python冒泡排序简单实现方法
2015/07/09 Python
Tensorflow之构建自己的图片数据集TFrecords的方法
2018/02/07 Python
Python使用sklearn实现的各种回归算法示例
2019/07/04 Python
浅析Django中关于session的使用
2019/12/30 Python
python re的findall和finditer的区别详解
2020/11/15 Python
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
采购主管工作职责
2013/12/12 职场文书
房地产融资计划书
2014/01/10 职场文书
文员试用期转正自我鉴定
2014/09/14 职场文书
政协会议宣传标语
2014/10/09 职场文书
2015年保送生自荐信
2015/03/24 职场文书
Python激活Anaconda环境变量的详细步骤
2021/06/08 Python
Java由浅入深通关抽象类与接口(上篇)
2022/04/26 Java/Android