<!DOCTYPE html>
<html>
<body>
<h2>JavaScriptマップオブジェクト</h2>
<p>オブジェクトをキーとして使用できることは、マップの重要な機能です。</p>
<p id="demo"></p>
<script>
// オブジェクトの作成
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};
// 地図を作成する
const fruits = new Map();
// オブジェクトをマップに追加する
fruits.set(apples, 500);
fruits.set(bananas, 300);
fruits.set(oranges, 200);
document.getElementById("demo").innerHTML = fruits.get(apples);
</script>
</body>
