今回は連想配列というものをみていきます。配列とどのように異なるのでしょうか。

---

１　連想配列

　まずは 配列との違いから。

しくみ（配列）

　０・・・日曜日
　１・・・月曜日
　２・・・火曜日
　↓　　　　↓
添え字　　　値

　配列は添え字で管理できるのでしたね。

しくみ（連想配列）

Sunday ・・・日曜日
Monday ・・・月曜日
Tuesday・・・火曜日
　↓　　　　　↓
 キー　　　　 値

　連想配列は キー で管理します。
　他のプログラミング言語では、連想配列のことを「辞書」といっているものもあります。

　簡単な使用例を見てみましょう。

HTML（一部）

<script>
    let week = {Sunday:"日曜日", Monday:"月曜日", Tuesday:"火曜日"};
    document.write("<p>" + week.Sunday + "</p>");
</script>

ブラウザ

　連想配列の変数 week のつくり方について、let を使うのは配列と同様ですが、［ ］ではなく｛ ｝を使っていることに注意です。
　そして、値の取得の方法も添え字ではなく、キー Sunday を使用しています。
　上の例では、キーに対応する値「日曜日」が表示されました。
　まるで、メソッドかオブジェクトのような書式ですね。

　別の方法もあります。

HTML（一部）

<script>
    let week = {Sunday:"日曜日", Monday:"月曜日", Tuesday:"火曜日"};
    document.write("<p>" + week["Monday"] + "</p>");
</script>

ブラウザ

　こちらの方法も、配列の添え字に代わるものとしてキーを指定しています。
　この場合も、キーに対応する「月曜日」が表示されました。

　最後にループ処理を使って、連想配列を表示してみましょう。

HTML（一部）

<script>
    let week = {Sunday:"日曜日", Monday:"月曜日", Tuesday:"火曜日"};
    for (let key in week){
        document.write("<p>" + key + "：" + week[key] + "</p>");
    }
</script>

ブラウザ

　配列のときは of を使いましたが、連想配列では in を使って for ループを記述します。
　また、キーが key に代入されますので、そのキーを指定することにより値を表示することができます。

---

２　連想配列を操作する

　配列と同様に連想配列についても、その内容を後から変更することができます。
　さきほどの連想配列を簡略化して、１行で表示するようにしてみます。

HTML（一部）

<p>
<script>
    let week = {Sun:"日", Mon:"月", Tue:"火"};
    for (let key in week){
        document.write(key + "：" + week[key] + "　");
    }
</script>
</p>

ブラウザ

　ここから、連想配列の内容を変更していきます。

HTML（一部）

<p>
<script>
    let week = {Sun:"日", Mon:"月", Tue:"火"};
    week.Sun = "にち"
    for (let key in week){
        document.write(key + "：" + week[key] + "　");
    }
</script>
</p>

ブラウザ

　変数 week のキー「Sun」を指定して、新たな値「にち」を代入しています。
　その結果、本来「Sun：日」であった箇所が「Sun：にち」に変更されています。

　そして、新たなキーと値の組み合わせも追加できます。

HTML（一部）

<p>
<script>
    let week = {Sun:"日", Mon:"月", Tue:"火"};
    week.Wed = "水"
    for (let key in week){
        document.write(key + "：" + week[key] + "　");
    }
</script>
</p>

ブラウザ

　変数 week に、キー「Wed」と値「水」とを指定しています。
　その結果「Wed：水」が追加されました。

　最後に、キーと値の組み合わせの削除です。

HTML（一部）

<p>
<script>
    let week = {Sun:"日", Mon:"月", Tue:"火"};
    delete week.Sun;
    for (let key in week){
        document.write(key + "：" + week[key] + "　");
    }
</script>
</p>

ブラウザ

　なんと日曜日が削除されてしまいました。最悪の週ですね！
　このように、変数名．キー と指定することにより削除することができます。

---

３　次回

　今回は連想配列の基礎をみてきました。次回はその応用として、わかりやすい表形式で表示することに挑戦します。