详解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 相关文章推荐
cookie丢失问题(认证失效) Authentication (用户验证信息)也会丢失
Jun 04 Javascript
jQuery boxy弹出层插件中文演示及使用讲解
Feb 24 Javascript
jQuery版仿Path菜单效果
Dec 15 Javascript
Jquery时间验证和转换工具小例子
Jul 01 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
Aug 02 Javascript
javascript中replace( )方法的使用
Apr 24 Javascript
实例讲解JS中setTimeout()的用法
Jan 28 Javascript
jQuery时间验证和转换为标准格式的时间格式
Mar 06 Javascript
jQuery实现checkbox的简单操作
Nov 18 jQuery
vue 根据数组中某一项的值进行排序的方法
Aug 30 Javascript
ES6入门教程之Array.from()方法
Mar 23 Javascript
JS通过识别id、value值对checkbox设置选中状态
Feb 19 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如何得到当前页和上一页的地址?
2006/11/27 PHP
mayfish 数据入库验证代码
2010/04/30 PHP
php中通过正则表达式下载内容中的远程图片的函数代码
2012/01/10 PHP
PHP实现带进度条的Ajax文件上传功能示例
2019/07/02 PHP
PHP中abstract(抽象)、final(最终)和static(静态)原理与用法详解
2020/06/05 PHP
跨浏览器开发经验总结(四) 怎么写入剪贴板
2010/05/13 Javascript
对table和ul实现js分页示例分享
2014/02/24 Javascript
Javascript中arguments用法实例分析
2015/06/13 Javascript
详解JavaScript数组的操作大全
2015/10/19 Javascript
Extjs4.0 ComboBox如何实现三级联动
2016/05/11 Javascript
ES6新特性之Object的变化分析
2017/03/31 Javascript
layui+jquery支持IE8的表格分页方法
2019/09/28 jQuery
JS数组的高级使用方法示例小结
2020/03/14 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
2020/12/02 Vue.js
Python黑魔法Descriptor描述符的实例解析
2016/06/02 Python
Python实现将sqlite数据库导出转成Excel(xls)表的方法
2017/07/17 Python
Python输入二维数组方法
2018/04/13 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
浅谈keras.callbacks设置模型保存策略
2020/06/18 Python
Python3基于print打印带颜色字符串
2020/07/06 Python
python使用matplotlib绘制折线图的示例代码
2020/09/22 Python
python 获取字典键值对的实现
2020/11/12 Python
法国购买二手电子产品网站:Asgoodasnew
2020/03/27 全球购物
C语言怎样定义和声明全局变量和函数最好
2013/11/26 面试题
施工人员岗位职责
2013/12/12 职场文书
总经理秘书的岗位职责
2013/12/27 职场文书
幼儿教师寄语集锦
2014/04/03 职场文书
国贸专业毕业求职信
2014/06/11 职场文书
企业仓管员岗位职责
2014/06/15 职场文书
2014年关工委工作总结
2014/11/17 职场文书
2014财产信托协议书范本
2014/11/18 职场文书
2015年爱牙日活动总结
2015/03/23 职场文书
超搞笑婚前保证书
2015/05/08 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
数学复习课教学反思
2016/02/18 职场文书
Python matplotlib绘制雷达图
2022/04/13 Python