JavaScriptで辞書（Dictionary）に要素を追加する方法｜自作putメソッドとES6 Mapの使い方

今回は、辞書（ディクショナリ）にキーと値のペアを追加するための put メソッドを作成していきます。このメソッドを実装すれば、任意のキーに対して値を簡単に登録できるようになります。

なお、JavaScriptのオブジェクトは本来、辞書によく似た性質を持っています。そのため、コンテナとなるオブジェクトのプロパティとして、キーに直接値を代入するだけで要素を追加することが可能です。

実装例

put(key, value) {
    this.container[key] = value;
}

このメソッドや以前に作成した他のメソッドは、次のようにして動作を確認できます。

動作確認コード

const myMap = new MyMap()
myMap.put("key1", "value1")
myMap.put("key2", "value2")

myMap.display()

console.log(myMap.hasKey("key1"));
console.log(myMap.hasKey("key3"));

出力結果

上記のコードを実行すると、次のような出力が得られます。

{key1: "value1", key2: "value2"}
true
false

存在するキー「key1」に対しては true、存在しないキー「key3」に対しては false が返されていることがわかります。

ES6のMapを使った方法

ES6以降では、標準の Map オブジェクトに用意されている set メソッドを使うことで、より簡潔にキーと値のペアを追加できます。以下はその例です。

const myMap = new Map([
    ["key1", "value1"],
    ["key2", "value2"]
]);

myMap.set("key3", "value3")

console.log(myMap.has("key1"))
console.log(myMap.has("key3"))

出力結果

実行すると、両方のキーが存在するため次の出力が得られます。

true
true

自作の辞書クラスを使う方法でも、ES6の標準 Map を使う方法でも同様のことが実現できますが、特別な理由がない限り、より高機能で安全な標準の Map を利用することをおすすめします。