详解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 相关文章推荐
Aptana调试javascript图解教程
Nov 30 Javascript
利用js获取服务器时间的两个简单方法
Jan 08 Javascript
JQuery动态给table添加、删除行 改进版
Jan 19 Javascript
cookie在javascript中的使用技巧以及隐私在服务器端的设置
Dec 03 Javascript
javascript实现的弹出层背景置灰-模拟(easyui dialog)
Dec 27 Javascript
JS循环遍历JSON数据的方法
Jul 08 Javascript
使用javascript实现json数据以csv格式下载
Jan 09 Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
微信公众号 客服接口的开发实例详解
Sep 28 Javascript
JSONP基础知识详解
Mar 19 Javascript
JS回调函数深入理解
Oct 16 Javascript
Element InputNumber 计数器的实现示例
Aug 03 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
初学CAKEPHP 基础教程
2009/11/02 PHP
php安全开发 添加随机字符串验证,防止伪造跨站请求
2013/02/14 PHP
PHP设计模式之迭代器模式Iterator实例分析【对象行为型】
2020/04/26 PHP
JavaScript 原型继承
2011/12/26 Javascript
js显示时间 js显示最后修改时间
2013/01/02 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
2014/11/06 Javascript
Jquery实现顶部弹出框特效
2015/08/08 Javascript
NodeJS的Promise的用法解析
2016/05/05 NodeJs
js判断主流浏览器类型和版本号的简单实现代码
2016/05/26 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
微信小程序开发经验总结(推荐)
2017/01/11 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
2018/08/28 Javascript
vue单页面实现当前页面刷新或跳转时提示保存
2018/11/02 Javascript
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
2019/10/26 Javascript
jQuery插件simplePagination的使用方法示例
2020/04/28 jQuery
js实现无刷新监听URL的变化示例代码详解
2020/06/03 Javascript
Phantomjs抓取渲染JS后的网页(Python代码)
2016/05/13 Python
python的random模块及加权随机算法的python实现方法
2017/01/04 Python
python中MethodType方法介绍与使用示例
2017/08/03 Python
Python中使用haystack实现django全文检索搜索引擎功能
2017/08/26 Python
Python模拟随机游走图形效果示例
2018/02/06 Python
Python实现string字符串连接的方法总结【8种方式】
2018/07/06 Python
Python中的枚举类型示例介绍
2019/01/09 Python
详解基于Jupyter notebooks采用sklearn库实现多元回归方程编程
2020/03/25 Python
Python脚本如何在bilibili中查找弹幕发送者
2020/06/04 Python
Python collections.defaultdict模块用法详解
2020/06/18 Python
Python实现王者荣耀自动刷金币的完整步骤
2021/01/22 Python
详解Java中一维、二维数组在内存中的结构
2021/02/11 Python
goodhealth官方海外旗舰店:新西兰国民营养师
2017/12/15 全球购物
英国排名第一的在线宠物用品商店:Monster Pet Supplies
2018/05/20 全球购物
eBay英国购物网站:eBay.co.uk
2019/06/19 全球购物
智能家居、吸尘器、滑板车、电动自行车网上购物:Geekmaxi
2021/01/18 全球购物
促销活动策划方案
2014/01/12 职场文书
社团活动总结模板
2014/06/30 职场文书