JavaScript删除数组里的某个元素

mayue_csdn

已于 2023-03-22 10:49:47 修改

阅读量4.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： web/JavaScript 文章标签： js 删除数组元素

于 2019-08-13 19:47:08 首次发布

本文链接：https://blog.youkuaiyun.com/mayue_web/article/details/99466000

web/JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文深入讲解JavaScript中数组的splice()方法，对比delete操作，详细解释如何进行元素的删除及替换，提供实例代码，帮助理解数组操作技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js删除数组中元素 delete 和splice的区别
https://www.cnblogs.com/xielong/p/10120270.html

1）delete: 只是被删除的元素变成了 undefined 其他的元素的键值还是不变。
2 ) splice: 该方法会改变原始数组

JS数组方法汇总 array数组元素的添加和删除
https://www.cnblogs.com/ha-ck/p/5377291.html

JavaScript splice() 方法
https://www.runoob.com/jsref/jsref-splice.html

splice() 方法删除数组中的元素

从第三个位置开始删除数组后的两个元素：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,2);

fruits 输出结果：

Banana,Orange

splice删除示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">点击按钮删除数组中的两个元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.splice(2,2);
	var x=document.getElementById("demo");
	x.innerHTML=fruits;
}
</script>
	
</body>
</html>

splice() 方法删除并添加数组元素

移除数组的第三个元素，并在数组第三个位置添加新元素:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,1,"Lemon","Kiwi");

fruits 输出结果：

Banana,Orange,Lemon,Kiwi,Mango

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">点击按钮添加和删除元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.splice(2,1,"Lemon","Kiwi");
	var x=document.getElementById("demo");
	x.innerHTML=fruits;
}
</script>

</body>
</html>