详解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 相关文章推荐
基于jquery跨浏览器显示的file上传控件
Oct 24 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
Jun 24 Javascript
JS去除右边逗号的简单方法
Jul 03 Javascript
Textarea根据内容自适应高度
Oct 28 Javascript
showModelDialog弹出文件下载窗口的使用示例
Nov 19 Javascript
angular中的cookie读写方法
Aug 02 Javascript
vue-cli实现多页面多路由的示例代码
Jan 30 Javascript
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 12 Javascript
javascript实现点击星星小游戏
Dec 24 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
Sep 04 Javascript
原生Js 实现的简单无缝滚动轮播图的示例代码
May 10 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数组函数序列 之shuffle()和array_rand() 随机函数使用介绍
2011/10/29 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
PHP删除数组中指定下标的元素方法
2018/02/03 PHP
thinkPHP3.2.2框架行为扩展及demo示例
2018/06/19 PHP
jQuery之浮动窗口实现代码(两种方法)
2010/09/08 Javascript
javascript使用定时函数实现跳转到某个页面
2013/12/25 Javascript
Jquery插件编写简明教程
2014/03/25 Javascript
javascript中的遍历for in 以及with的用法
2014/12/22 Javascript
jquery操作select方法汇总
2015/02/05 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
2016/08/29 Javascript
jQuery阻止移动端遮罩层后页面滚动
2017/03/15 Javascript
JS基于for语句编写的九九乘法表示例
2018/01/04 Javascript
npm全局模块卸载及默认安装目录修改方法
2018/05/15 Javascript
jQuery实现动态生成年月日级联下拉列表示例
2019/05/11 jQuery
[38:51]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-CDEC
2014/05/22 DOTA
深入浅析python中的多进程、多线程、协程
2016/06/22 Python
怎么使用pipenv管理你的python项目
2018/03/12 Python
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
Python pymongo模块常用操作分析
2018/09/01 Python
对python制作自己的数据集实例讲解
2018/12/12 Python
详解Python 解压缩文件
2019/04/09 Python
python解释器spython使用及原理解析
2019/08/24 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
关于Pytorch MaxUnpool2d中size操作方式
2020/01/03 Python
已安装tensorflow-gpu,但keras无法使用GPU加速的解决
2020/02/07 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
2020/02/09 Python
美国医疗用品、医疗设备和家庭保健用品商店:Medical Supply Depot
2018/07/08 全球购物
介绍一下linux的文件系统
2015/10/06 面试题
清洁工表扬信
2014/01/08 职场文书
研究生毕业自我鉴定范文
2014/03/27 职场文书
合伙协议书
2014/04/23 职场文书
兴趣班停课通知
2015/04/24 职场文书
小学语文课《掌声》教学反思
2016/03/03 职场文书
Vue过滤器(filter)实现及应用场景详解
2021/06/15 Vue.js
试用1103暨1103、1101同门大比武 [ DAIWEI ]
2022/04/05 无线电
GTX1660显卡搭配显示器推荐
2022/04/19 数码科技