JavaScriptの`Map`と`Object`の違いと使い分け

Last updated at 2025-07-06Posted at 2025-01-20

はじめに

JavaScriptには、キーと値のペアを扱うための構造として「Object」と「Map」があります。一見似ていますが、それぞれに異なる特徴と使いどころがあります。

この記事では、MapとObjectの違いをコード例とともに整理し、どちらを選ぶべきかを解説します。

Object
キーとして使えるのは文字列またはシンボルのみ。数値やオブジェクトなどは自動的に文字列に変換されます。
```
const obj = {};
obj[1] = 'one'; // 数値キー → "1"に変換
console.log(obj); // { '1': 'one' }
```

Map
任意のデータ型をキーとして使用できます。オブジェクトや関数もそのままキーにできます。

const map = new Map();
map.set(1, 'one'); // 数値
map.set({ key: 'value' }, 'object value'); // オブジェクト

Object
キーの順序は保証されません。特に数値のような文字列キーは昇順に並び替えられる傾向があります。
```
const obj = { b: 'B', 2: 'two', a: 'A', 1: 'one' };
console.log(obj); // { '1': 'one', '2': 'two', b: 'B', a: 'A' }
```

Map
追加された順番が保持されます。順序が重要なデータ構造に最適です。

const map = new Map();
map.set('b', 'B').set(2, 'two').set('a', 'A').set(1, 'one');
console.log([...map.keys()]); // ['b', 2, 'a', 1]

Object
直接はイテレートできないため、Object.keys()やObject.entries()などを介する必要があります。
```
const obj = { a: 1, b: 2 };
for (const key of Object.keys(obj)) {
  console.log(key, obj[key]);
}
```
Map
for...ofでそのままキー・値をイテレーションできます。また、.keys() や .values() などの便利メソッドも用意されています。
```
const map = new Map([['a', 1], ['b', 2]]);
for (const [key, value] of map) {
  console.log(key, value);
}
```

Object
キー数を取得するには Object.keys(obj).length を使います。

const obj = { a: 1, b: 2 };
console.log(Object.keys(obj).length); // 2

Map
.size プロパティで簡単にサイズを取得できます。

const map = new Map([['a', 1], ['b', 2]]);
console.log(map.size); // 2

Map
以下のような便利なメソッドを提供しています：

JavaScriptにおけるMapとObjectの違いは、単なる見た目や構文ではなく、意図と用途の違いに基づいて使い分けることが重要です。
もし「キーが文字列に限られていて、データ数も少ない」ならObject、それ以外で複雑なロジックや構造を扱うならMapを検討しましょう。

使い分けの指針

早見表（比較）