JS实现根据指定值删除数组中的元素操作示例

 更新时间:2018年08月02日 11:59:38   作者:郭小北V5   我要评论

这篇文章主要介绍了JS实现根据指定值删除数组中的元素操作,结合实例形式总结分析了JavaScript针对数组元素删除操作的相关实现技巧,需要的朋友可以参考下

本文实例讲述了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字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript排序算法总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • 用js编写的简单的计算器代码程序

    用js编写的简单的计算器代码程序

    这篇文章主要介绍了用js编写的简单的计算器代码程序,非常具有实用性,感兴趣的小伙伴可以参考下
    2015-08-08
  • mui框架 页面无法滚动的解决方法(推荐)

    mui框架 页面无法滚动的解决方法(推荐)

    下面小编就为大家分享一篇mui框架 页面无法滚动的解决方法(推荐),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • ImageZoom 图片放大镜效果(多功能扩展篇)

    ImageZoom 图片放大镜效果(多功能扩展篇)

    上一篇ImageZoom已经对图片放大效果做了详细的分析,这次在ImageZoom的基础上进行扩展,实现更多的效果。
    2010-04-04
  • Javascript 高阶函数使用介绍

    Javascript 高阶函数使用介绍

    这篇文章主要介绍了Javascript 高阶函数使用介绍,需要的朋友可以参考下
    2015-06-06
  • js操作table元素实现表格行列新增、删除技巧总结

    js操作table元素实现表格行列新增、删除技巧总结

    这篇文章主要介绍了js操作table元素实现表格行列新增、删除技巧,以实例形式分析总结了JavaScript针对table表格进行行列的增加与删除相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • 浅析Bootstrap表格的使用

    浅析Bootstrap表格的使用

    Bootstrap - 简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单。下面给大家介绍Bootstrap表格的使用的相关知识,非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-06-06
  • JS实现根据指定值删除数组中的元素操作示例

    JS实现根据指定值删除数组中的元素操作示例

    这篇文章主要介绍了JS实现根据指定值删除数组中的元素操作,结合实例形式总结分析了JavaScript针对数组元素删除操作的相关实现技巧,需要的朋友可以参考下
    2018-08-08
  • Boostrap入门准备之border box

    Boostrap入门准备之border box

    之前在学习Bootstrap的过程中,遇到各种奇葩的坑,如果在学习bootstrap之前,准备工作先做好,就可以或多或少的避开一些坑。下面小编开始给大家介绍border-box这个属性的知识。感兴趣的朋友一起学习吧
    2016-05-05
  • JavaScript 学习笔记(七)字符串的连接

    JavaScript 学习笔记(七)字符串的连接

    javascript 字符串的连接效率问题,需要的朋友可以参考下。
    2009-12-12
  • 微信小程序实现图片懒加载的示例代码

    微信小程序实现图片懒加载的示例代码

    本篇文章主要介绍了微信小程序实现图片懒加载的示例代码,实现的原理是通过页面预加载图片,对用户体验度会有一定的提高,具有一定的参考价值,有兴趣可以了解一下
    2017-12-12

最新评论