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

作者:函数茶馆时间:2026-10-22 18:48:37浏览:473

本文介绍JavaScript中删除数组指定元素的两种实现方式。第一种通过定义独立函数结合splice方法移除元素;第二种为Array原型添加removeByValue方法,简化调用。文章提供完整代码示例及运行效果,帮助开发者理解并应用这两种技术。

JavaScript删除数组指定元素的两种方法

本文将介绍两种在JavaScript中删除数组指定元素的方法。

第一种方法是单独定义一个函数,利用该函数来移除数组中的指定元素。

第二种方法是为Array对象扩展一个名为removeByValue的方法,通过调用该方法即可轻松删除指定元素。

接下来,我们将通过具体的代码示例来演示这两种删除数组元素的方式。

定义独立函数删除元素

首先,我们定义一个独立的函数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>

运行效果如下:

JavaScript删除数组指定元素的两种方法

扩展Array原型方法删除元素

其次,我们定义并调用数组的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>

运行效果如下:

JavaScript删除数组指定元素的两种方法

总结:以上介绍了JavaScript中删除数组指定元素的两种常用方式,建议读者动手实践以加深理解,希望这些内容能对您的学习有所帮助。

作者最新文章