map()用法浅析

原理：一个Map对象在迭代时会根据对象中元素的插入顺序来进行 — 一个 for…of 循环在每次迭代后会返回一个形式为[key，value]的数组。

Objects 和 maps 的比较

Objects 和 Maps 类似的是，它们都允许你按键存取一个值、删除键、检测一个键是否绑定了值。因此（并且也没有其他内建的替代方式了）过去我们一直都把对象当成 Maps 使用。不过 Maps 和 Objects 有一些重要的区别：

类别	Map	Object
键的类型	一个 Map的键可以是任意值，包括函数、对象或任意基本类型。	一个Object 的键必须是一个 String 或是Symbol。
键的顺序	Map 中的 key 是有序的。因此，当迭代的时候，一个 Map 对象以插入的顺序返回键值。	一个 Object 的键是无序的
size	Map 的键值对个数可以轻易地通过size 属性获取	手动计算
迭代	Map 是 iterable 的，所以可以直接被迭代。	迭代一个Object需要以某种方式获取它的键然后才能迭代。
性能	在频繁增删键值对的场景下表现更好。	在频繁添加和删除键值对的场景下未作出优化。

Map函数

方法	描述
new Map()	创建新的 Map 对象。
set()	为 Map 对象中的键设置值。
get()	获取 Map 对象中键的值。
entries()	返回 Map 对象中键/值对的数组。
keys()	返回 Map 对象中键的数组。
values()	返回 Map 对象中值的数组。
size	获取 Map 对象中键值对数。
clear()	删除 Map 中的所有元素。
delete()	删除由键指定的元素。
has()	如果键存在，则返回 true。
forEach()	为每个键/值对调用回调。

// 创建新的 Map
const fruits = new Map();

// Add new Elements to the Map
fruits.set("apples", 500);//(键,值)
fruits.set("bananas", 300);
fruits.set("oranges", 200);

fruits.get("apples");    // 返回 500 get() 方法获取 Map 中键的值

let arrkey=fruits.keys()
console.log(arrkey) //{"apples","bananas","oranges"}

let arrvalues=fruits.values()
console.log(arrvalues) //{500,300,200}

console.log(fruits.size) //3

fruits.delete(apples);//{"bananas":300,"oranges":200}

fruits.clear();//{}

fruits.has("apple");//true