JavaScript で Map を使うには？

/ JavaScript / By
ショコラ
ショコラ

JavaScript で Map を使うには？

Map の使い方をまとめました。

もっさん先輩
もっさん先輩

例

JavaScript で Map を使用する例。

Map をインスタンス化する。

let map = new Map;

Map を初期値ありでインスタンス化する。

let map = new Map([
  [0,0],
  ['key1','val1'],
  ['key2','val2'],
  ]);

Map に値を設定する。

map.set('key','val');

Map の値を取得する。

let val = map.get('key');

Map のサイズを確認する。

map.size

Map にキーがあるか確認する。

map.has('key');

Map の値をキーで削除する。

map.delete('key');

Map の値を全削除する。

map.clear();

Map をfor of で取得する。

for (let [key,val] of map) {
}

Map をforEach で取得する。

map.forEach((val,key) => {
});

例

Map を使ったプログラムの例。

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script>

// Map をインスタンス化する。
let map = new Map;

// Map を初期値を設定してインスタンス化する。
map = new Map([
[0,0],
['key1','val1'],
['key2','val2'],
]);

// Map に値の設定する。
map.set('key','val');

// Map の値を取得する。
let val = map.get('key');

// Map のサイズを確認する。
if (1 <= map.size) {
}

// Map にキーがあるか確認する。
if (map.has('key')) {
}

// Map をfor of で取得する。
for (let [key,val] of map) {
  console.log({key,val});
}

// Map をforEach で取得する。
map.forEach((val,key) => console.log({key,val}));

// Map の値をキーで削除する。
map.delete('key');

// Map の値を全削除する。
map.clear();

</script>
</head>
<body>
</body>
</html>
Scroll to Top