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

时间：2021-05-25

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

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>

效果图：

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

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章