JavaScript中delete与splice区别

时间:2022-11-10 21:26:31

在JavaScript中,对数组操作时,若要删除某个元素对象,可以使用splice方法,可是用delete也可以删除数组元素,那么它们有什么区别呢?

共同点:

delete和splice均可以删除一个数组元素。

不同点:

1、delete只是删除指定的数组元素对象,数组的大小不变化,删除后位置空缺,显示为undefined。该位置还可以填充值。

splice不仅删除指定的数组元素对象,而且将其位置也去掉,数组大小发生变化。

2、delete一次只能删除一个数组元素

splice可以一次删除连续的多个数组元素,甚至可以替换和增加新的元素。

示例:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>delete vs splice</title>
</head>

<body>
<script lang="javascript">
function println(str){
document.writeln(str + "<br/>");
}

function test1(){
var a = [1,2,3,4,5,6];
delete a[2];
for(var i=0;i<a.length;i++){
println(a[i]);
}
}

function test2(){
var a = [1,2,3,4,5,6];
a.splice(2,1);
for(var i=0;i<a.length;i++){
println(a[i]);
}
}

function test3(){
var a = [1,2,3,4,5,6];
delete a[2];

a[2] = 9;
for(var i=0;i<a.length;i++){
println(a[i]);
}
}

test1();

println("---------------------------------");
test2();

println("---------------------------------");
test3();
</script>
</body>

</html>

运行结果:

1
2
undefined
4
5
6
---------------------------------
1
2
4
5
6
---------------------------------
1
2
9
4
5
6