详解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 相关文章推荐
js或css文件后面跟参数的原因说明
Jan 09 Javascript
jQuery 美元符冲突的解决方法
Mar 28 Javascript
javascript中字符串拼接需注意的问题
Jul 13 Javascript
jquery dialog键盘事件代码
Aug 01 Javascript
JQuery浮动DIV提示信息并自动隐藏的代码
Aug 29 Javascript
使用jquery中height()方法获取各种高度大全
Apr 02 Javascript
jquery如何判断表格同一列不同行input数据是否重复
May 14 Javascript
网页收藏夹显示ICO图标(代码少)
Aug 04 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
Bootstrap Modal遮罩弹出层代码分享
Nov 21 Javascript
socket在egg中的使用实例代码详解
May 30 Javascript
使用js在layui中实现上传图片压缩
Jun 18 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/10/09 PHP
在PHP中实现Javascript的escape()函数代码
2010/08/08 PHP
PHP CURL模拟登录新浪微博抓取页面内容 基于EaglePHP框架开发
2012/01/16 PHP
保存到桌面、设为桌面且带图标的PHP代码
2013/11/19 PHP
PHP实现将浏览历史页面网址保存到cookie的方法
2015/01/26 PHP
服务器迁移php版本不同可能诱发的问题
2015/12/22 PHP
使用ThinkPHP生成缩略图及显示
2017/04/27 PHP
PHP实现的日历功能示例
2018/09/01 PHP
PHP封装请求类实例分析【基于Yii框架】
2019/10/17 PHP
JavaScript写的一个DIV 弹出网页对话框
2009/08/14 Javascript
js模仿windows桌面图标排列算法具体实现(附图)
2013/06/16 Javascript
extjs每个组件要设置唯一的ID否则会出错
2014/06/15 Javascript
在JavaScript中判断整型的N种方法示例介绍
2014/06/18 Javascript
jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
2015/10/12 Javascript
关于JSON与JSONP简单总结
2016/08/16 Javascript
深入理解jquery中的each用法
2016/12/14 Javascript
Angular2 自定义validators的实现方法
2017/07/05 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
2018/11/11 Javascript
vue 表单之通过v-model绑定单选按钮radio
2019/05/13 Javascript
Layui Table js 模拟选中checkbox的例子
2019/09/03 Javascript
微信小程序 生成携带参数的二维码
2019/10/23 Javascript
Javascript节流函数throttle和防抖函数debounce
2020/12/03 Javascript
[01:05:52]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第一场 2月2日
2021/03/11 DOTA
Python实现将罗马数字转换成普通阿拉伯数字的方法
2017/04/19 Python
用python处理图片实现图像中的像素访问
2018/05/04 Python
pandas把所有大于0的数设置为1的方法
2019/01/26 Python
python 动态调用函数实例解析
2019/10/21 Python
基于Python实现ComicReaper漫画自动爬取脚本过程解析
2019/11/11 Python
python Jupyter运行时间实例过程解析
2019/12/13 Python
python实现将json多行数据传入到mysql中使用
2019/12/31 Python
基于python实现百度语音识别和图灵对话
2020/11/02 Python
全球速卖通法国在线交易平台:AliExpress法国
2017/07/07 全球购物
6号汽车旅馆预订:Motel 6
2018/02/11 全球购物
化工工艺设计求职信
2014/06/25 职场文书
小学班级口号大全
2015/12/25 职场文书
2016入党积极分子党课培训心得体会
2016/01/06 职场文书