連想配列の利用

JavaScript 基礎 授業



連想配列


  • 配列の場合「０」から始まる添字で要素を指定しましたが意味的な関連性はない
  • 添字の代わりに、「キー」と呼ばれる文字列で要素を指定
  • 連想配列は、「Objectオブジェクト」というオブジェクトとして扱う


連想配列の生成


ソースコード【 JavaScript 】

<script>
var members = new Object();
</script>


Arrayコンストラクタで生成する

  • 連想配列では、lengthプロパティの値には意味はない。

ソースコード【 JavaScript 】

<script>
var colors = new Array();
</script>


ソースコード【 HTML 】

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>連想配列</title>
</head>
<body>

<script>


var colors = new Object();


  colors['white'] = '白色';
  colors['red'] = '赤色';
  colors['green'] = '緑色';
  colors['yellow'] = '黄色';
  
    document.write('<h2>',colors['red'],'</h2>');
	
	
</script>

</body>
</html>


ブラウザで表示