【JavaScript】for〜in文と連想配列

for〜in文

for文では、繰り返し処理の回数をカウンターで行ないました。for〜in文ではArrayの要素の数だけ処理を行います。for〜in文をつかって配列を操作してみます。

<?xml version="1.0" encoding="utf-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>配列の参照</title>
</head>

<body>
<h2>for〜in文</h2>
<script type="text/javascript">
var array01 = [1,2,3]; //array01オブジェクトをつくります
for(index in array01){ //array01オブジェクトのキー値を変数indexに順番に格納します
	document.write(array01[index] + "<br>");
}
</script>
</body>

</html>


for〜in文をつかうことで、連想配列のキー値を知ることができます。

<?xml version="1.0" encoding="utf-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>配列の参照</title>
</head>

<body>
<h2>for〜in文</h2>
<script type="text/javascript">
var array02 = {"鈴木":"25歳","田中":"28歳","近藤":"20歳"}; //array02オブジェクトを作成します
for(var nameIndex in array02){ //arrya02オブジェクトのキー値を変数nameIndexに順番に格納します
	document.write(array02[nameIndex] + "<br>");
}
</script>
</body>

</html>