主页 / 网络编程 /

详解js删除数组中的指定元素

网络编程 2021-07-04 16:47www.168986.cn编程入门
在本篇文章中我们给大家分享了js删除数组中的指定元素的详实示例方法，有需要的朋友们学习下

本篇文章将会给大家介绍两种删除数组中的指定元素的方式，分别为

1、单独定义一个的函数，通过函数来删除指定数组元素。

2、为Array对象定义了一个removeByValue的方法，在调用方法来删除指定数组元素，调用非常简单的。

狼蚁网站SEO优化我们通过简单的代码示例来简单介绍这两种删除数组指定元素的方式。

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>

效果图

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删除数组指定元素的两种方式，大家可以自己动手试试，加深理解，希望能对大家的学习有所帮助。

上一篇：小程序获取周围IBeacon设备的方法 下一篇：Vue中使用方法、计算属性或观察者的方法实例详

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by