详解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 相关文章推荐
Google Map Api和GOOGLE Search Api整合实现代码
Jul 18 Javascript
javascript arguments 传递给函数的隐含参数
Aug 21 Javascript
javascript的offset、client、scroll使用方法详解
Dec 25 Javascript
JS图片无缝、平滑滚动代码
Mar 11 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
Apr 04 Javascript
浅析Jquery操作select
Dec 13 Javascript
js+html制作简单验证码
Feb 16 Javascript
微信小程序 选项卡的简单实例
May 24 Javascript
浅谈一个webpack构建速度优化误区
Jun 24 Javascript
通过实例解析JavaScript for in及for of区别
Jun 15 Javascript
详解React 元素渲染
Jul 07 Javascript
详解JavaScript原型与原型链
Nov 16 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
基于数据库的在线人数,日访问量等统计
2006/10/09 PHP
php下通过POST还是GET来传值
2008/06/05 PHP
Windows中使用计划任务自动执行PHP程序实例
2014/05/09 PHP
详解PHP多个进程配合redis的有序集合实现大文件去重
2019/03/06 PHP
wordpress之js库集合研究介绍
2007/08/17 Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
2011/01/06 Javascript
javascript截取字符串(通过substring实现并支持中英文混合)
2013/06/24 Javascript
点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
2014/01/02 Javascript
javascript实现汉字转拼音代码分享
2015/04/20 Javascript
jquery mobile 移动web(5)
2015/12/20 Javascript
实现React单页应用的方法详解
2016/08/02 Javascript
浅谈js内置对象Math的属性和方法(推荐)
2016/09/19 Javascript
IScroll5实现下拉刷新上拉加载的功能实例
2017/08/11 Javascript
详解如何在Vue项目中导出Excel
2019/04/19 Javascript
vue 解决文本框被键盘遮住的问题
2019/11/06 Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
2019/11/12 Javascript
React学习之受控组件与数据共享实例分析
2020/01/06 Javascript
[01:18]一目了然!DOTA2DotA快捷操作对比第一弹
2014/07/01 DOTA
Python3 正在毁灭 Python的原因分析
2014/11/28 Python
Python中for循环控制语句用法实例
2015/06/02 Python
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
Python矩阵常见运算操作实例总结
2017/09/29 Python
python实现简单中文词频统计示例
2017/11/08 Python
Numpy array数据的增、删、改、查实例
2018/06/04 Python
python计算日期之间的放假日期
2018/06/05 Python
Python loguru日志库之高效输出控制台日志和日志记录
2020/03/07 Python
django使用channels实现通信的示例
2020/10/19 Python
纯CSS绘制漂亮的圆形图案效果
2014/05/07 HTML / CSS
canvas粒子动画背景的实现示例
2018/09/03 HTML / CSS
英国团购网站:Groupon英国
2017/11/28 全球购物
学校经典推荐信
2013/10/30 职场文书
经典的毕业生自荐信范文
2014/04/14 职场文书
人力资源管理专业自荐书
2014/07/07 职场文书
村干部四风问题整改措施
2014/09/30 职场文书
学生会生活部工作总结2015
2015/03/31 职场文书
宾馆前台接待岗位职责
2015/04/02 职场文书