#16 JavaScriptで学ぶ辞書型(マップ)の基本
JavaScriptで名前と値の組み合わせを扱う仕組みには、「オブジェクト」と「Map」という2つの選択肢があります。この記事では、JavaScriptにおける辞書に相当する使い方を解説します。
オブジェクトを使う方法
const person = { name: "太郎", age: 20 };
console.log(person.name); // 太郎
person.job = "学生";
ドット記法または角かっこで値にアクセスできます。
Mapという専用の仕組み
比較的新しいJavaScriptには、辞書専用の`Map`という機能もあります。
const person = new Map();
person.set("name", "太郎");
console.log(person.get("name"));
キーが存在するか確認する
if ("email" in person) {
console.log(person.email);
}
`Map`の場合は`has()`というメソッドを使います。
全てのキーと値を順に処理する
for (const [key, value] of Object.entries(person)) {
console.log(key, value);
}
JavaScriptならではの注意点
オブジェクトは手軽ですが、キーは基本的に文字列に限られます。数値や他のオブジェクトをキーにしたい場合や、追加・削除が多い場面では、`Map`のほうが適しています。用途に応じて使い分けましょう。
まとめ
JavaScriptの辞書はオブジェクトが手軽ですが、`Map`という専用の仕組みも用意されています。キーの種類や用途に応じて選びましょう。
本ページはプロモーションを含みます。
参考書籍(PR)
JavaScriptをもっと学びたい方には「改訂新版JavaScript本格入門」がおすすめです。
コメント
コメントを投稿