js如何刪除陣列中的指定元素？（程式碼範例）-js教程-PHP中文網

js如何刪除陣列中的指定元素？（程式碼範例）

青灯夜游

發布： 2018-10-30 17:37:44

原創

3045 人瀏覽過

在學習數組的過程中，數組的操作是很重要的一部分，那麼如何從數組中刪除指定的元素？本篇文章就跟大家介紹js刪除數組中的指定元素的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。

本篇文章將會給大家介紹兩種刪除陣列中的指定元素的方式，分別為：

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>

登入後複製

效果圖：

js如何刪除陣列中的指定元素？（程式碼範例）

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如何刪除陣列中的指定元素？（程式碼範例）