用indexOf, splice删除数组中的一个元素

最新推荐文章于 2021-12-18 10:15:00 发布

夜跑者

最新推荐文章于 2021-12-18 10:15:00 发布

阅读量1.5k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/liubangbo/article/details/102929012

版权

JavaScript 专栏收录该内容

73 篇文章 0 订阅

订阅专栏

删除数组中的一个元素的方法有很多种，例如可以for循环把不要删除的元素推入一个新数组，也可以不用for循环，用indexOf 和splice方法来配合，代码如下：

<html>

<head>
<style type="text/css">

</style>
</head>

<body>


<script>

var arr = ["abd", "def", "ghi", "opq"];

function remove(arr, item){
	if(!arr.length){
		console.error("arr is empty");
		return;
	}
	var index = arr.indexOf(item);
	if(index > -1){
		arr.splice(index, 1);
	}	
}

console.log("arr remove before: " + arr);
remove(arr, "ghi");
console.log("arr remove after: " + arr);

</script

</body>
</html>

打印如下：

arr remove before: abd,def,ghi,opq
arr remove after: abd,def,opq

从打印看出把原数组arr中的ghi元素给删除了。

当然我们可以用ES6提供的数组filter方法，用法如下：

<html>

<head>
<style type="text/css">

</style>
</head>

<body>


<script>

var arr = ["abd", "def", "ghi", "opq"];

function remove(arr, item){
	return arr.filter(function(value, index){
		console.log("value is: " + value);
		console.log("index is: " + index);
		return value !==  item;
	});
}

console.log("arr remove before: " + arr);
var arrNew = remove(arr, "ghi");
console.log("arr remove after: " + arr);
console.log("arrNew: " + arrNew);

</script

</body>
</html>

打印如下：