✅ Mapとは？

JavaScript の Map は、キーと値のペアを保持するデータ構造です。

Object と似ていますが、キーにあらゆる型（オブジェクトや関数など）を使える点が特徴です。

✅ 基本構文

const map = new Map();

map.set(key, value);   // 値を設定
map.get(key);          // 値を取得
map.has(key);          // キーが存在するか
map.delete(key);       // キーと値を削除
map.clear();           // すべての要素を削除

✅ Mapの特徴

• キーにオブジェクトや関数、プリミティブなどあらゆる型を使える
• キーの順序が保持される
• Object より柔軟で効率的にループ処理ができる
• size プロパティで要素数を取得可能

✅ 練習

実際にコードを打って、Map の動きを体感してみましょう！

値の追加と取得

const map = new Map();

map.set("name", "Taro");
map.set("age", 30);

console.log(map.get("name")); // "Taro"
console.log(map.get("age"));  // 30

キーにオブジェクトを使う

const user = { id: 1 };
const map = new Map();

map.set(user, "ログイン済み");

console.log(map.get(user)); // "ログイン済み"

キーがあるか確認、削除、クリア

const map = new Map();
map.set("key1", "value1");

console.log(map.has("key1")); // true

map.delete("key1");
console.log(map.has("key1")); // false

map.set("a", 1);
map.set("b", 2);
map.clear(); // すべて削除

console.log(map.size); // 0

Mapのループ処理（for...of）

const map = new Map([
  ["name", "Hanako"],
  ["age", 25]
]);

for (const [key, value] of map) {
  console.log(`${key}: ${value}`);
}
// name: Hanako
// age: 25

sizeプロパティで要素数を取得

const map = new Map();
map.set("a", 1);
map.set("b", 2);

console.log(map.size); // 2

✅ 練習のコツ

• Object と違ってキーにオブジェクトなどを使えることを活かしてみよう
• set / get / has / delete / clear を一通り使ってみる
• for...of でループして、Map らしい使い方を練習してみよう

✅ まとめ（Map）

• Map はキーと値を柔軟に扱えるコレクション
• 任意のデータ型をキーに使える（オブジェクトもOK）
• 順序を保ちながらループ可能（for...of）
• Object よりも高機能で、キー重視のデータ操作に向いている