連想配列(簡易オブジェクト)を作り、変数に代入する方法と、連想配列(簡易オブジェクト)の要素にアクセスする方法。
JavaScriptには、連想配列型というデータ型はないが、オブジェクトを使えば、連想配列を扱える。JavaScriptの中核をなすオブジェクトのうち、一番単純なオブジェクトが、連想配列のようなものだ。
解説
連想配列(簡易オブジェクト)を作る方法
{}で括る方法
<script type="text/javascript">
var sampleObject = {
propertyA: "値1",
propertyB: "値2",
propertyC: "値3"
};
</script>
var sampleObject = {
propertyA: "値1",
propertyB: "値2",
propertyC: "値3"
};
</script>
値を個別指定
<script type="text/javascript">
var sampleObject = {};
sampleObject . propertyA = "値1",
sampleObject . propertyB = "値2",
sampleObject . propertyC = "値3"
</script>
var sampleObject = {};
sampleObject . propertyA = "値1",
sampleObject . propertyB = "値2",
sampleObject . propertyC = "値3"
</script>
new Object()でオブジェクトを生成
<script type="text/javascript">
var sampleObject = new Object();
sampleObject . propertyA = "値1",
sampleObject . propertyB = "値2",
sampleObject . propertyC = "値3"
</script>
var sampleObject = new Object();
sampleObject . propertyA = "値1",
sampleObject . propertyB = "値2",
sampleObject . propertyC = "値3"
</script>
連想配列(簡易オブジェクト)の要素にアクセス
キー(プロパティ)を[]で括りアクセスする方法
キーを指定すれば、連想配列の要素にアクセスできる。
<script type="text/javascript">
sampleObject["propertyA"] // 値1
sampleObject["propertyB"] // 値2
sampleObject["propertyC"] // 値3
</script>
sampleObject["propertyA"] // 値1
sampleObject["propertyB"] // 値2
sampleObject["propertyC"] // 値3
</script>
「.プロパティ(キー)」でアクセスする方法
プロパティを指定すれば、連想配列の要素にアクセスできる。
<script type="text/javascript">
sampleObject . propertyA // 値1
sampleObject . propertyB // 値2
sampleObject . propertyC // 値3
</script>
sampleObject . propertyA // 値1
sampleObject . propertyB // 値2
sampleObject . propertyC // 値3
</script>
サンプルA
サンプルAの解説
{}で括り連想配列を定義。キー(プロパティ)を[]で括り、要素にアクセス。
サンプルAのソースコード
<script type="text/javascript">
var sampleObject = {
"キー1": "値1",
"キー2": "値2",
"キー3": "値3"
};
document . write( sampleObject["キー1"] + "<br />" );
document . write( sampleObject["キー2"] + "<br />" );
document . write( sampleObject["キー3"] + "<br />" );
</script>
var sampleObject = {
"キー1": "値1",
"キー2": "値2",
"キー3": "値3"
};
document . write( sampleObject["キー1"] + "<br />" );
document . write( sampleObject["キー2"] + "<br />" );
document . write( sampleObject["キー3"] + "<br />" );
</script>
サンプルB
サンプルBの解説
{}で括り連想配列を定義。「.プロパティ(キー)」でアクセス。
サンプルBのソースコード
<script type="text/javascript">
var sampleObject = {
propertyA: "値1",
propertyB: "値2",
propertyC: "値3"
};
document . write( sampleObject . propertyA + "<br />" );
document . write( sampleObject . propertyB + "<br />" );
document . write( sampleObject . propertyC + "<br />" );
</script>
var sampleObject = {
propertyA: "値1",
propertyB: "値2",
propertyC: "値3"
};
document . write( sampleObject . propertyA + "<br />" );
document . write( sampleObject . propertyB + "<br />" );
document . write( sampleObject . propertyC + "<br />" );
</script>
サンプルC
サンプルCの解説
new Object()でオブジェクトを生成。値を個別指定。「.プロパティ(キー)」でアクセス。
サンプルCのソースコード
<script type="text/javascript">
var sampleObject = new Object();
sampleObject . propertyA = "値1";
sampleObject . propertyB = "値2";
sampleObject . propertyC = "値3";
document . write( sampleObject . propertyA + "<br />" );
document . write( sampleObject . propertyB + "<br />" );
document . write( sampleObject . propertyC + "<br />" );
</script>
var sampleObject = new Object();
sampleObject . propertyA = "値1";
sampleObject . propertyB = "値2";
sampleObject . propertyC = "値3";
document . write( sampleObject . propertyA + "<br />" );
document . write( sampleObject . propertyB + "<br />" );
document . write( sampleObject . propertyC + "<br />" );
</script>