详解js删除数组中的指定元素


Posted in Javascript onOctober 31, 2018

本篇文章将会给大家介绍两种删除数组中的指定元素的方式,分别为:

1、单独定义一个的函数,通过函数来删除指定数组元素。

2、为Array对象定义了一个removeByValue的方法,在调用方法来删除指定数组元素,调用非常简单的。

下面我们通过简单的代码示例来简单介绍这两种删除数组指定元素的方式。

1、定义单独的函数removeByValue来进行元素删除

代码示例:删除数组somearray里的"tue"元素

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
 </head>
 
 <body>
  <div class="demo">
   <p>数组:mon, tue, wed, thur</p>
   <p class="p"></p>
 
  </div>
 
 </body>
 
 <script type="text/javascript">
  function removeByValue(arr, val) {
   for(var i = 0; i < arr.length; i++) {
    if(arr[i] == val) {
     arr.splice(i, 1);
     break;
    }
   }
  }
  var somearray = ["mon", "tue", "wed", "thur"]
  removeByValue(somearray, "tue");
  //somearray will now have "mon", "wed", "thur"
 
  document.write("<p>新数组:" + somearray + "</p>");
 </script>
 
</html>

效果图:

详解js删除数组中的指定元素

2、定义并调用数组的removeByValue方法来删除指定元素

代码示例:删除数组somearray里的"wed"元素

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
  </head>
  <body>
    <div class="demo">
      <p>数组:mon, tue, wed, thur</p>
      <p>删除指定元素"tue"后:</p>
    </div>
  </body>
  <script type="text/javascript">
    Array.prototype.removeByValue = function(val) {
      for(var i = 0; i < this.length; i++) {
        if(this[i] == val) {
          this.splice(i, 1);
          break;
        }
      }
    }
    var somearray = ["mon", "tue", "wed", "thur"]
    somearray.removeByValue("wed");
    //somearray will now have "mon", "wed", "thur"
 
    document.write("<p>新数组:" + somearray + "</p>");
  </script>
 
</html>

效果图:

详解js删除数组中的指定元素

总结:以上就是本篇文章所介绍的js删除数组指定元素的两种方式,大家可以自己动手试试,加深理解,希望能对大家的学习有所帮助。

Javascript 相关文章推荐
JavaScript 获取事件对象的注意点
Jul 29 Javascript
基于jquery+thickbox仿校内登录注册框
Jun 07 Javascript
33个优秀的 jQuery 图片展示插件分享
Mar 14 Javascript
javascript 在firebug调试时用console.log的方法
May 10 Javascript
浏览器兼容console对象的简要解决方案分享
Oct 24 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
Jun 19 Javascript
jQuery中outerHeight()方法用法实例
Jan 19 Javascript
JavaScript获取页面上被选中文字的方法技巧
Mar 13 Javascript
jQuery替换textarea中换行的方法
Jun 10 Javascript
基于jQuery实现Tabs选项卡自定义插件
Nov 21 Javascript
vue axios 简单封装以及思考
Oct 09 Javascript
vue实现路由切换改变title功能
May 28 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
Oct 31 #Javascript
Vue项目History模式404问题解决方法
Oct 31 #Javascript
Vue.js中对css的操作(修改)具体方式详解
Oct 30 #Javascript
vue组件中的样式属性scoped实例详解
Oct 30 #Javascript
node上的redis调用优化示例详解
Oct 30 #Javascript
elementUI 设置input的只读或禁用的方法
Oct 30 #Javascript
Vue.js 父子组件通信的十种方式
Oct 30 #Javascript
You might like
PHP生成随机密码类分享
2014/06/25 PHP
javascript cookies 设置、读取、删除实例代码
2010/04/12 Javascript
js通过googleAIP翻译PHP系统的语言配置的实现代码
2011/10/17 Javascript
jQuery 图片切换插件(代码比较少)
2012/05/07 Javascript
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
javascript实现文本域写入字符时限定字数
2014/02/12 Javascript
Javascript基础知识(一)核心基础语法与事件模型
2014/09/29 Javascript
HTML5之WebSocket入门3 -通信模型socket.io
2015/08/21 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
常见的浏览器Hack技巧整理
2017/06/29 Javascript
JavaScript 正则命名分组【推荐】
2018/06/07 Javascript
使用svg实现动态时钟效果
2018/07/17 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
vue template中slot-scope/scope的使用方法
2018/09/06 Javascript
微信小程序非跳转式组件授权登录的方法示例
2019/05/22 Javascript
[13:25]VP vs VICI (BO3)
2018/06/07 DOTA
简单介绍利用TK在Python下进行GUI编程的教程
2015/04/13 Python
开始着手第一个Django项目
2015/07/15 Python
详解Python 实现元胞自动机中的生命游戏(Game of life)
2018/01/27 Python
详解Python的三种可变参数
2019/05/08 Python
Python中print函数简单使用总结
2019/08/05 Python
如何利用python给图片添加半透明水印
2019/09/06 Python
基于TensorFlow中自定义梯度的2种方式
2020/02/04 Python
有关Tensorflow梯度下降常用的优化方法分享
2020/02/04 Python
amazeui时间组件的实现示例
2020/08/18 HTML / CSS
全球最大的服务市场:Fiverr
2017/01/03 全球购物
美国顶级品牌男士大码服装店:DXL
2017/08/30 全球购物
创意活动策划书
2014/01/15 职场文书
学习十八大演讲稿
2014/09/15 职场文书
庆国庆国旗下讲话稿2014
2014/09/21 职场文书
小区的门卫岗位职责
2014/10/01 职场文书
市场营销计划书
2015/01/17 职场文书
困难补助申请报告
2015/05/19 职场文书
2016年教师学习廉政准则心得体会
2016/01/20 职场文书
浅谈redis五大数据结构和使用场景
2021/04/12 Redis
Go缓冲channel和非缓冲channel的区别说明
2021/04/25 Golang