详解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>
运行效果如下:

扩展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中删除数组指定元素的两种常用方式,建议读者动手实践以加深理解,希望这些内容能对您的学习有所帮助。
作者最新文章
JS大数值转字符串出现科学计数法怎么办
2026-11-05 17:09:21
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数?
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑?
2026-11-05 14:01:09
