jsで配列トラバーサルを実行するにはどうすればよいですか? jsで1次元配列を走査する3つの方法（画像と文章で詳しく解説）-jsチュートリアル-php.cn

jsで配列トラバーサルを実行するにはどうすればよいですか? jsで1次元配列を走査する3つの方法（画像と文章で詳しく解説）

青灯夜游

リリース： 2018-10-16 14:00:28

オリジナル

5114 人が閲覧しました

js 配列をトラバースするにはどうすればよいですか?この記事では、js が 1 次元配列を走査する方法を紹介し、js で 1 次元配列を走査する 3 つの方法を説明します。困っている友人は参考にしていただければ幸いです。

js における 1 次元の配列トラバーサルは、基本的に、for、forin、foreach、forof、map などのメソッドを使用して実装できます。以下では、3 種類の配列トラバーサル (for、forin、メソッドの実装方法を簡単なコード例で説明します。

js で for ループを使用する配列を走査する
##

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<script type="text/javascript">
			var arr = [11, 22, 33, 55];
			//普通的循环遍历方式
			function first() {
				for(var i = 0; i < arr.length; i++) {
					console.log("arr[" + i + "]：" + arr[i]);
				}
			}
		</script>
		<input type="button" value="for循环遍历" name="aa" onclick="first();" /><br/>
	</body>
</html>

ログイン後にコピー

レンダリング (走査結果):

jsで配列トラバーサルを実行するにはどうすればよいですか? jsで1次元配列を走査する3つの方法（画像と文章で詳しく解説）

簡単な説明:

for ループは、最も単純な走査方法であり、最も頻繁に使用される走査方法です。

js のループで for を使用する配列を走査する

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<script type="text/javascript">
			var arr = [11, 22, 33, 55];
			//for ..in循环遍历方式
			function second() {
				for(var index in arr) {
					console.log("arr[" + index + "]：" + arr[index]);
				}
			}
		</script>
		<input type="button" value="for...in遍历" name="aa" onclick="second();" /><br/>
	</body>
</html>

ログイン後にコピー

レンダリング (走査結果):

jsで配列トラバーサルを実行するにはどうすればよいですか? jsで1次元配列を走査する3つの方法（画像と文章で詳しく解説） #簡単な説明:

for...in ループには、配列を走査するために 2 つの仮パラメータが必要です。index は配列の添字を表し (カスタマイズ可能)、arr はトラバーサル配列を表します。

for...in ループは多くの人が好んで使用する手法ですが、実際、分析とテストの結果、多くのループ走査手法の中でその効率が最も低いことが判明しました。

js での foreach ループの使用配列の走査

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<script type="text/javascript">
			var arr = [11, 22, 33, 55];

			//很鸡肋的遍历方式---forEach
			function third() {
				arr.forEach(function(ele, index) {
					console.log("arr[" + index + "]：" + ele);
				});

			}
		</script>
		<input type="button" value="forEach循环遍历" name="aa" onclick="third();" /><br/>
	</body>

</html>

ログイン後にコピー

レンダリング (走査結果):

jsで配列トラバーサルを実行するにはどうすればよいですか? jsで1次元配列を走査する3つの方法（画像と文章で詳しく解説）簡単な説明: