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对象及属性
Feb 13 Javascript
JS自动缩小超出大小的图片
Oct 12 Javascript
jquery统计用户选中的复选框的个数
Jun 06 Javascript
jQuery实现自动切换播放的经典滑动门效果
Sep 12 Javascript
js实现文本框输入文字个数限制代码
Dec 25 Javascript
鼠标悬停小图标显示大图标
Jan 22 Javascript
JavaScript职责链模式概述
Sep 17 Javascript
使用cookie绕过验证码登录的实现代码
Oct 12 Javascript
angularjs实现的购物金额计算工具示例
May 08 Javascript
JavaScript怎样在删除前添加确认弹出框?
May 27 Javascript
js实现删除json中指定的元素
Sep 22 Javascript
Ajax实现局部刷新的方法实例
Mar 31 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 生成的XML以FLASH获取为乱码终极解决
2009/08/07 PHP
memcached 和 mysql 主从环境下php开发代码详解
2010/05/16 PHP
php+mysqli批量查询多张表数据的方法
2015/01/29 PHP
php metaphone()函数及php localeconv() 函数实例解析
2016/05/15 PHP
PHP实现截取中文字符串不出现?号的解决方法
2016/12/29 PHP
简单实现php上传文件功能
2017/09/21 PHP
php求斐波那契数的两种实现方式【递归与递推】
2019/09/09 PHP
由prototype_1.3.1进入javascript殿堂-类的初探
2006/11/06 Javascript
JavaScript 判断判断某个对象是Object还是一个Array
2010/01/28 Javascript
js为数字添加逗号并格式化数字的代码
2013/08/23 Javascript
JavaScript编写推箱子游戏
2015/07/07 Javascript
jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法
2015/08/10 Javascript
浅谈Node.js 子进程与应用场景
2018/01/24 Javascript
AngularJS 事件发布机制
2018/08/28 Javascript
解决vue 项目引入字体图标报错、不显示等问题
2018/09/01 Javascript
jQuery插件实现的日历功能示例【附源码下载】
2018/09/07 jQuery
vue环形进度条组件实例应用
2018/10/10 Javascript
vue实现给div绑定keyup的enter事件
2020/07/31 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
2020/08/07 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
[06:06]2018DOTA2亚洲邀请赛主赛事第四日战况回顾 全明星赛欢乐上演
2018/04/07 DOTA
Python实现FTP上传文件或文件夹实例(递归)
2017/01/16 Python
python实现redis三种cas事务操作
2017/12/19 Python
Python操作mongodb数据库进行模糊查询操作示例
2018/06/09 Python
利用Python+阿里云实现DDNS动态域名解析的方法
2019/04/01 Python
python实现opencv+scoket网络实时图传
2020/03/20 Python
Python GUI编程学习笔记之tkinter控件的介绍及基本使用方法详解
2020/03/30 Python
python实现处理mysql结果输出方式
2020/04/09 Python
Python3通过chmod修改目录或文件权限的方法示例
2020/06/08 Python
python中wheel的用法整理
2020/06/15 Python
BOSE德国官网:尽探索之力,享音乐之极
2016/12/11 全球购物
大学生村官演讲稿
2014/04/25 职场文书
乡镇三严三实学习心得体会
2014/10/13 职场文书
《赵州桥》教学反思
2016/02/17 职场文书
Windows7下FTP搭建图文教程
2022/08/05 Servers
win10截图快捷键win+shift+s没有反应无法截图怎么解决?
2022/08/14 数码科技