連想配列(簡易オブジェクト)を作り、変数に代入

連想配列(簡易オブジェクト)を作り、変数に代入する方法と、連想配列(簡易オブジェクト)の要素にアクセスする方法。

JavaScriptには、連想配列型というデータ型はないが、オブジェクトを使えば、連想配列を扱える。JavaScriptの中核をなすオブジェクトのうち、一番単純なオブジェクトが、連想配列のようなものだ。

解説

連想配列(簡易オブジェクト)を作る方法

{}で括る方法

<script type="text/javascript">
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>

new Object()でオブジェクトを生成

<script type="text/javascript">
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>

「.プロパティ(キー)」でアクセスする方法

プロパティを指定すれば、連想配列の要素にアクセスできる。

<script type="text/javascript">
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>

サンプル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>

サンプル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>

スポンサード リンク

カテゴリー: JavaScript, リファレンス, 変数 パーマリンク