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仿php的print_r函数输出json数据
Sep 13 Javascript
JS的location.href跳出框架打开新页面的方法
Sep 04 Javascript
JavaScript Sort 的一个错误用法示例
Mar 20 Javascript
使用iojs的jsdom库实现同步系统时间
Apr 20 Javascript
学习JavaScript设计模式之装饰者模式
Jan 19 Javascript
JS获取input file绝对路径的方法(推荐)
Aug 02 Javascript
JS访问DOM节点方法详解
Nov 29 Javascript
swiper插件自定义切换箭头按钮
Dec 28 Javascript
vue.js 2.*项目环境搭建、运行、打包发布的详细步骤
May 01 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
May 10 Javascript
vue Treeselect 树形下拉框:获取选中节点的ids和lables操作
Aug 15 Javascript
uniapp实现可以左右滑动导航栏
Oct 21 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
Protoss热键控制
2020/03/14 星际争霸
PHP 采集程序中常用的函数
2009/12/09 PHP
初识Laravel
2014/10/30 PHP
微信支付PHP SDK之微信公众号支付代码详解
2015/12/09 PHP
基于Asp.net与Javascript控制的日期控件
2010/05/22 Javascript
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
2014/01/07 Javascript
js根据鼠标移动速度背景图片自动旋转的方法
2015/02/28 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
2015/08/18 Javascript
浅谈javascript基础之客户端事件驱动
2016/06/10 Javascript
javascript基本数据类型及类型检测常用方法小结
2016/12/14 Javascript
微信小程序 开发经验整理
2017/02/15 Javascript
ES6新特性之字符串的扩展实例分析
2017/04/01 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
JavaScript实现的可变动态数字键盘控件方式实例代码
2017/07/15 Javascript
详解VUE 数组更新
2017/12/16 Javascript
Vue中父子组件通讯之todolist组件功能开发
2018/05/21 Javascript
jQuery HTML css()方法与css类实例详解
2020/05/20 jQuery
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
2020/09/10 Javascript
ant design vue导航菜单与路由配置操作
2020/10/28 Javascript
python实现zencart产品数据导入到magento(python导入数据)
2014/04/03 Python
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
python Celery定时任务的示例
2018/03/13 Python
Python SQL查询并生成json文件操作示例
2018/08/17 Python
python自动化测试之如何解析excel文件
2019/06/27 Python
python中加背景音乐如何操作
2020/07/19 Python
美国高档帽子网上商店:Hats.com
2018/08/09 全球购物
仓库组长岗位职责
2014/01/29 职场文书
理财投资建议书
2014/03/12 职场文书
教师对学生的评语
2014/04/28 职场文书
环保建议书200字
2014/05/14 职场文书
亮剑精神演讲稿
2014/05/23 职场文书
简单的离婚协议书范本
2014/11/16 职场文书
挂靠协议书
2015/01/27 职场文书
新员工辞职信范文
2015/05/12 职场文书
同学聚会祝酒词
2015/08/10 职场文书