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压缩工具 yuicompressor 使用教程
Mar 31 Javascript
jquery URL参数判断,确定菜单样式
May 31 Javascript
jquery对表单操作2
Apr 06 Javascript
输入密码检测大写是否锁定js实现代码
Dec 03 Javascript
5分钟理解JavaScript中this用法分享
Nov 09 Javascript
自定义百度分享的分享按钮
Mar 18 Javascript
javascript发送短信验证码实现代码
Nov 12 Javascript
JavaScript实现移动端滑动选择日期功能
Jun 21 Javascript
vue按需引入element Transfer 穿梭框
Sep 30 Javascript
原生JS获取元素的位置与尺寸实现方法
Oct 18 Javascript
使用node打造自己的命令行工具方法教程
Mar 26 Javascript
详解easyui基于 layui.laydate日期扩展组件
Jul 18 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/08/23 PHP
简单谈谈PHP中的include、include_once、require以及require_once语句
2016/04/23 PHP
thinkPHP自动验证机制详解
2016/12/05 PHP
Jquery插件 easyUI属性汇总
2011/01/19 Javascript
jQuery中toggleClass()方法用法实例
2015/01/05 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
浅谈js中调用函数时加不加括号的问题
2016/07/28 Javascript
判断js的Array和Object的实现方法
2016/08/29 Javascript
webpack+vue.js快速入门教程
2016/10/12 Javascript
input框中的name和id的区别
2016/11/16 Javascript
基于bootstrap实现收缩导航条
2017/03/17 Javascript
layui弹出层效果实现代码
2017/05/19 Javascript
详解vuex状态管理模式
2018/11/01 Javascript
使用原生js编写一个简单的框选功能方法
2019/05/13 Javascript
手把手教你 CKEDITOR 4 实现Dialog 内嵌 IFrame操作详解
2019/06/18 Javascript
Vue初始化中的选项合并之initInternalComponent详解
2020/06/11 Javascript
详解Vue3.0 + TypeScript + Vite初体验
2021/02/22 Vue.js
Python实现发送email的几种常用方法
2014/08/18 Python
Python实现读取TXT文件数据并存进内置数据库SQLite3的方法
2017/08/08 Python
解决seaborn在pycharm中绘图不出图的问题
2018/05/24 Python
python中正则表达式 re.findall 用法
2018/10/23 Python
Python的控制结构之For、While、If循环问题
2020/06/30 Python
驴妈妈旅游网:中国新型的B2C旅游电子商务网站
2016/08/16 全球购物
美国高档帽子网上商店:Hats.com
2018/08/09 全球购物
英国儿童设计师服装的领先零售商:Base
2019/03/17 全球购物
Servlet如何得到客户端机器的信息
2014/10/17 面试题
给护士表扬信
2014/01/19 职场文书
企业宣传策划方案
2014/05/29 职场文书
销售活动策划方案
2014/08/26 职场文书
《雪地里的小画家》教学反思
2016/02/16 职场文书
制定企业培训计划的五大要点!
2019/07/10 职场文书
python爬取新闻门户网站的示例
2021/04/25 Python
详解php中流行的rpc框架
2021/05/29 PHP
SQL实现LeetCode(197.上升温度)
2021/08/07 MySQL
Python Django获取URL中的数据详解
2021/11/01 Python
浅谈redis的过期时间设置和过期删除机制
2022/03/18 MySQL