jsで配列内の指定した要素を削除するにはどうすればよいですか? (コード例)-jsチュートリアル-php.cn

jsで配列内の指定した要素を削除するにはどうすればよいですか? (コード例)

青灯夜游

リリース： 2018-10-30 17:37:44

オリジナル

3133 人が閲覧しました

配列を学習する過程において、配列操作は非常に重要な部分です。では、配列から指定された要素を削除するにはどうすればよいでしょうか?この記事ではjsで配列内の指定要素を削除する方法を紹介します。困っている友人は参考にしていただければ幸いです。

この記事では、配列内の指定した要素を削除する 2 つの方法を紹介します:

1. 別の関数を定義し、その関数を使用して指定した配列要素を削除します。

2. RemoveByValue メソッドが Array オブジェクトに対して定義されており、このメソッドを呼び出して指定された配列要素を削除するのは非常に簡単です。

以下では、簡単なコード例を通じて、配列の指定された要素を削除する 2 つの方法を簡単に紹介します。

1. 要素を削除する別の関数removeByValueを定義します

コード例: 配列somearray

<!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>

ログイン後にコピー

##の「tue」要素を削除します。 #レンダリング:

jsで配列内の指定した要素を削除するにはどうすればよいですか? (コード例)

2. 配列のremoveByValueメソッドを定義して呼び出し、指定された要素を削除します。

コード例: 削除配列 somearray

<!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>

ログイン後にコピー

の「wed」要素レンダリング:

jsで配列内の指定した要素を削除するにはどうすればよいですか? (コード例)