<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>map</title>
</head>
<body>
</body>
<script>
let number=123;
let arr=[1,2,3,4];
let fn=()=>{}
let obj={};
const map1=new Map();
map1.set(number,'a1');
map1.set(arr,'a2');
map1.set(fn,'a3')
map1.set(obj,'a4');
console.log(map1)
for (const key of map1.keys()) {
console.log(`${key} ${typeof(key)}`)
}
const map2=new Map([
["s1","m1"],
["s2","m2"],
["s3","m3"],
["s4","m4"],
]);
map2.set("s5","m5")
map2.delete("s3")
console.log(map2)
console.log(map2.has("s3"))
console.log(...map2.keys())
console.log(...map2.values())
let arr1=[...map2.values()]
console.log(arr1)
let arr2=[...map2.keys()]
console.log(arr2)
let arr3=[...map2.entries()]
console.log(arr3)
</script>
</html>