当前位置:Gxlcms > JavaScript > 详解js删除数组中的指定元素

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

时间:2021-07-01 10:21:17 帮助过:38人阅读

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

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

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

下面我们通过简单的代码示例来简单介绍这两种删除数组指定元素的方式。

1、定义单独的函数removeByValue来进行元素删除

代码示例:删除数组somearray里的"tue"元素

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. </head>
  6. <body>
  7. <div class="demo">
  8. <p>数组:mon, tue, wed, thur</p>
  9. <p class="p"></p>
  10. </div>
  11. </body>
  12. <script type="text/javascript">
  13. function removeByValue(arr, val) {
  14. for(var i = 0; i < arr.length; i++) {
  15. if(arr[i] == val) {
  16. arr.splice(i, 1);
  17. break;
  18. }
  19. }
  20. }
  21. var somearray = ["mon", "tue", "wed", "thur"]
  22. removeByValue(somearray, "tue");
  23. //somearray will now have "mon", "wed", "thur"
  24. document.write("<p>新数组:" + somearray + "</p>");
  25. </script>
  26. </html>

效果图:

2、定义并调用数组的removeByValue方法来删除指定元素

代码示例:删除数组somearray里的"wed"元素

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. </head>
  6. <body>
  7. <div class="demo">
  8. <p>数组:mon, tue, wed, thur</p>
  9. <p>删除指定元素"tue"后:</p>
  10. </div>
  11. </body>
  12. <script type="text/javascript">
  13. Array.prototype.removeByValue = function(val) {
  14. for(var i = 0; i < this.length; i++) {
  15. if(this[i] == val) {
  16. this.splice(i, 1);
  17. break;
  18. }
  19. }
  20. }
  21. var somearray = ["mon", "tue", "wed", "thur"]
  22. somearray.removeByValue("wed");
  23. //somearray will now have "mon", "wed", "thur"
  24. document.write("<p>新数组:" + somearray + "</p>");
  25. </script>
  26. </html>

效果图:

总结:以上就是本篇文章所介绍的js删除数组指定元素的两种方式,大家可以自己动手试试,加深理解,希望能对大家的学习有所帮助。

人气教程排行