<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="GENERATOR" content="JustSystems Homepage Builder Version 18.0.14.0 for Windows">
<title>JavaScript練習中!</title>
</head>
<body background="y8b.gif">
<?php
require_once ("newpage8.php");
print $APPTITLE;
MyTitlePrint("連想配列その4(岩手のアスリート)、実験開始!");
?>
<script>
<!--
//ここにJavaScriptを書くよー
const membersList = {
"members" : [
{
"name" : "阿部寿樹",
"age" : 30,
"address" : "岩手県一関市",
},
{
"name" : "岩淵麗楽",
"age" : 18,
"address" : "岩手県一関市",
},
{
"name" : "小林陵侑",
"age" : 23,
"address" : "岩手県八幡平市",
}
]
}
//第一の出力の仕方
for (var k in membersList.members) {
document.write(k + ", ");
document.write(membersList['members'][k].name + ", ");
document.write(membersList['members'][k].age + ", ");
document.write(membersList['members'][k].address + "<BR>");
}
//第二の出力の仕方
document.write("================================" + "<BR>");
for (var k in membersList.members ) {
var propaty = Object.keys(membersList['members'][k]);
for (var i=0; i < propaty.length; i++) {
document.write( propaty[i] + ", ");
document.write( membersList['members'][k][propaty[i]] + "<BR>");
}
document.write("================================" + "<BR>");
}
//-->
</script>
<?php
print "$APPFOOTER";
?>
<p><a href="JavaScriptMenu.php">JavaScriptMenuへ</a></p>
</body>
</html>
連想配列の出力の仕方。membersの構成が、画一的であれば、第一の方法で良いでしょう。連想配列の説明を見ていくと、画一的でなく、変化を持たせられる例がありました。C#などでは継承というきちんとした説明がありますが、そんなものなく、いきなりメンバの追加が載ってました。