<!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("連想配列その5(岩手のアスリートその2)、実験開始!");
MyTitlePrint("連想配列のプロパティの追加");
?>
<script>
<!--
//ここにJavaScriptを書くよー
var membersList = {
"members" : [
{
"name" : "阿部寿樹",
"age" : 30,
"address" : "岩手県一関市",
},
{
"name" : "岩淵麗楽",
"age" : 18,
"address" : "岩手県一関市",
},
{
"name" : "小林陵侑",
"age" : 23,
"address" : "岩手県八幡平市",
}
]
}
//プロパティの追加
membersList['members'][0].nenpo = 3000;
//第一の出力の仕方
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>
意外に簡単に、プロパティの追加は出来るようです。第二の出力の仕方が、威力を発揮します。しかし、Script上だけですので、保存されてません。