详解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 相关文章推荐
JQuery jsonp 使用示例代码
Aug 12 Javascript
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
Dec 27 Javascript
JSON.stringify 语法实例讲解
Mar 14 Javascript
JS代码同步文本框内容的实例方法
Jul 12 Javascript
让checkbox不选中即将选中的checkbox不选中
Jul 11 Javascript
js生成随机数的方法实例
Oct 16 Javascript
自制微信公众号一键排版工具
Sep 22 Javascript
解析javascript图片懒加载与预加载的分析总结
Oct 27 Javascript
基于JS实现翻书效果的页面切换样式
Feb 16 Javascript
详解JS实现系统登录页的登录和验证
Apr 29 Javascript
Jquery异步上传文件代码实例
Nov 13 jQuery
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
May 13 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中通过curl模拟登陆discuz论坛的实现代码
2012/02/16 PHP
Eclipse中php插件安装及Xdebug配置的使用详解
2013/04/25 PHP
php switch语句多个值匹配同一代码块应用示例
2014/07/29 PHP
phpmyadmin提示The mbstring extension is missing的解决方法
2014/12/17 PHP
PHP中的一些常用函数收集
2015/05/26 PHP
phpStudy2016 配置多个域名期间遇到的问题小结
2017/10/19 PHP
对laravel的session获取与存取方法详解
2019/10/08 PHP
jQuery实现点击标题输入详细信息
2013/04/16 Javascript
jquery对象和DOM对象的区别介绍
2013/08/09 Javascript
JavaScript关闭当前页面(窗口)不带任何提示
2014/03/26 Javascript
js数组中如何随机取出一个值
2014/06/13 Javascript
3个可以改善用户体验的AngularJS指令介绍
2015/06/18 Javascript
JavaScript获取function所有参数名的方法
2015/10/30 Javascript
JavaScript性能优化之小知识总结
2015/11/20 Javascript
解决jquery无法找到其他父级子集问题的方法
2016/05/10 Javascript
仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件
2016/07/01 Javascript
jquery+ajax+text文本框实现智能提示完整实例
2016/07/09 Javascript
通过修改360抢票的刷新频率和突破8车次限制实现方法
2017/01/04 Javascript
详解Node.js异步处理的各种写法
2019/06/09 Javascript
React-redux实现小案例(todolist)的过程
2019/09/29 Javascript
在Vuex中Mutations修改状态操作
2020/07/24 Javascript
JavaScript实现点击切换功能
2021/01/27 Javascript
python模拟登陆Tom邮箱示例分享
2014/01/13 Python
在Django框架中编写Context处理器的方法
2015/07/20 Python
Python操作MySQL数据库9个实用实例
2015/12/11 Python
windows及linux环境下永久修改pip镜像源的方法
2016/11/28 Python
Python时间获取及转换知识汇总
2017/01/11 Python
对python中数据集划分函数StratifiedShuffleSplit的使用详解
2018/12/11 Python
详解opencv中画圆circle函数和椭圆ellipse函数
2019/12/27 Python
得到Class的三个过程是什么
2012/08/10 面试题
专科毕业生就业推荐信
2013/11/01 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
Canvas如何做个雪花屏版404的实现
2021/09/25 HTML / CSS
SQL实战演练之网上商城数据库商品类别数据操作
2021/10/24 MySQL
PostgreSQL13基于流复制搭建后备服务器的方法
2022/01/18 PostgreSQL
Arthas排查Kubernetes中应用频繁挂掉重启异常
2022/02/28 MySQL