详解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 XML实现两级级联下拉列表
Nov 10 Javascript
javascript权威指南 学习笔记之变量作用域分享
Sep 28 Javascript
理解JAVASCRIPT中hasOwnProperty()的作用
Jun 05 Javascript
jquery的相对父元素和相对文档定位示例代码
Aug 02 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
JavaScript跨域调用基于JSON的RESTful API
Jul 09 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
Feb 13 Javascript
jquery设置css样式的多种方法(总结)
Feb 21 Javascript
JavaScript定义函数_动力节点Java学院整理
Jun 27 Javascript
详解vue中axios的封装
Jul 18 Javascript
webpack4 处理SCSS的方法示例
Sep 03 Javascript
js实现简单页面全屏
Sep 17 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 缓存函数代码
2008/08/27 PHP
php基础学习之变量的使用
2011/06/09 PHP
探讨:使用XMLSerialize 序列化与反序列化
2013/06/08 PHP
php实现的返回数据格式化类实例
2014/09/22 PHP
微信支付开发订单查询实例
2016/07/12 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
Javascript 函数中的参数使用分析
2010/03/27 Javascript
自己动手制作jquery插件之自动添加删除行功能介绍
2011/10/14 Javascript
详解JS正则replace的使用方法
2016/03/06 Javascript
js捕捉键盘事件和按键键值的方法
2016/10/10 Javascript
学习 NodeJS 第八天:Socket 通讯实例
2016/12/21 NodeJs
ES6下React组件的写法示例代码
2017/05/04 Javascript
利用types增强vscode中js代码提示功能详解
2017/07/07 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
2017/08/18 Javascript
jQuery插件artDialog.js使用与关闭方法示例
2017/10/09 jQuery
Vue-cli 使用json server在本地模拟请求数据的示例代码
2017/11/02 Javascript
webpack4打包vue前端多页面项目
2018/09/17 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
2018/11/04 Javascript
vue-cli基础配置及webpack配置修改的完整步骤
2019/10/20 Javascript
layui前端时间戳转化实例
2019/11/15 Javascript
js实现点赞按钮功能的实例代码
2020/03/06 Javascript
详解如何修改 node_modules 里的文件
2020/05/22 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
2020/11/05 Javascript
Python中对列表排序实例
2015/01/04 Python
python getopt详解及简单实例
2016/12/30 Python
Python实现求两个数组交集的方法示例
2019/02/23 Python
pyspark 随机森林的实现
2020/04/24 Python
Python xmltodict模块安装及代码实例
2020/10/05 Python
Python lxml库的简单介绍及基本使用讲解
2020/12/22 Python
美国在线精品家居网站:Burke Decor
2017/04/12 全球购物
学校先进集体事迹材料
2014/05/31 职场文书
啦啦队口号大全
2014/06/16 职场文书
幼儿园六一亲子活动方案
2014/08/26 职场文书
基层组织建设年活动总结
2015/05/09 职场文书
mysql函数全面总结
2021/11/11 MySQL
PHP RabbitMQ消息列队
2022/05/11 PHP