JavaScript Map集合 | I MAKE LIFE. Be Yourself。

一、开篇语

在日常的业务开发中，以下的代码你是否经常见或经常写呢？

const CURRENCY_MAP = {
  'United States': 'USD',
  'India': 'Rupee'
}

const currency = CURRENCY_MAP[ 'India' ]

或者

const CURRENCIES = [
  { name: 'USD', country: 'United States' },
  { name: 'Rupee', country: 'India' }
]
const currency = CURRENCIES.find( c => c.country === 'India' ).name

以上代码确实没有问题，我们在业务中经常用，但是需要创建键值映射关系时，objects对象和arrays数组通常不是最佳选择，这也是
JSMap对象存在的理由，今天我们就来简单地聊一聊Map 。

二、Objects 和 Maps 的区别

Map其实是是JS中的Class类，允许你将值存储在特定的键上，但是与Objects对象有一些主要的区别，这些特质，主要是让 Map
在键值应用上表现得更加出色。

1、键的类型上（Key Types）

对于Object类型而言，你只能使用字符串作为键的类型（ES6 中也可以是 Symbol 类型），但是 Map 则更宽泛得多，你可以使用任何数据类型作为键，比如你可以使用
object, string, boolean, function等类型，接下来我们来看看下面两段代码：

const obj = {
  a: 'b',
  1: 2
}

console.log( Object.keys( obj ) )
// ["a", "1"]

const map = new Map( [
  [ 'a', 'b' ],
  [ 1, 2 ],
  [ { key: 'value' }, 'obj' ]
] )

console.log( map.keys() )
// ["a", 1, { key: "value" }]

创建map你需要通过数组的形式进行创建，我们可以通过map.keys()方法获取map对象的键，以数组的形式返回所有的键。

2、顺序（Ordering）

object对象键的顺序是不可靠的，直到 ES6 才对其进行规范（自 ECMAScript 2015 规范以来，对象确实保留了字符串和Symbol键的创建顺序；
因此，在只有字符串键的对象上进行迭代将按插入顺序产生键），则Map对象则不同，当我们对其进行迭代时，则是按照其插入的键值顺序返回的，这个特性很重要。

3、迭代（Iterating）

相对迭代操作，Map相对object更加容易，对象没有内置的迭代方法，需要借助Object.entries()
方法返回一个给定对象自身可枚举属性的键值对数组，Map
则天生具有迭代性，这意味着你可以使用forEach方法作用于Maps上进行迭代。

4、长度（Length）

获取object的长度并不容易，你需要手动计算，并且比较麻烦。但是Map有个size属性，类似array 数组的length
属性，能够准确地获取Map键/值对的个数。

5、性能（Performance）

由于Map设计的初衷就是为了解决键/值查找，因此在频繁地增删键/值操作的场景下，Map的性能会更好，则object
则没有在这种频繁操作键/值的场景进行优化。

三、如何使用Map

通过上面的介绍，我们已经了解了Map和object的区别，接下来聊聊如何使用Map。

1、创建 Map（Creating A Map）

在上面的例子中，你也许看到了我们是如何创建Map的，Map是一个Class，需要进行实例化，如果你只实例化，
不进行传参的话，则是一个空对象。如果需要填充内容的话，需要往里添加可迭代的对象值，比如数组，第一个是键，第二个是键对应的值。

const emptyMap = new Map()
const map = new Map( [
  [ 'key', 'value' ]
] )

2、设置值（Setting Values）

一旦你创建了 Map，接下来你很有可能需要往里填充键/值内容，我们可以使用set方法，进行键/值设置，如下段代码所示：

const map = new Map()

map.set( 'key', 'value' )
map.set( true, 'boolean' )
// "key" => "value"
// true => "boolean"

3、获取值（Getting Values）

获取值和设置值一样简单，我们可以通过get方法，并且传递一个你想获取键的参数，就能获取对应的值。如果键不存在，则返回
undefined。

const map = new Map()
map.set( 'key', 'value' )
map.set( true, 'boolean' )

map.get( 'key' )
// "value"
map.get( true )
// "boolean"
map.get( 'wrong-key' )
// undefined

4、确认键是否存在（Checking For Values）

有时你需要查看 Map 对应的键是否存在，你可以使用has方法检查对应的键是否存在。

const map = new Map()
map.set( 1, 'number' )

map.has( 1 )
// true
map.has( '1' )
// false
map.has( 'wrong-key' )
// false

您可能会注意到，检查键时，字符串”1“将返回 false。这是因为 Map 可以存储任何类型，所以数字 1 存储为数字而不是字符串。

5、删除键/值(Removing Values)

增删改查是我们最常见的业务操作，如果你要进行删除操作，同样对于Map也十分简单，我们可以使用delete方法传递你要删除的键。

const map = new Map()
map.set( 1, 'number' )
map.set( 'a', 'b' )

map.delete( 1 )
map.has( 1 )
// false

6、迭代操作（Iterating Over A Map）

有很多方法可以迭代遍历Map，但是最常见的方法就是通过forEach方法进行迭代。类似数组的forEach
方法，但是这个回调方法里，含有两个参数，一个表示于值，一个表示键。

const map = new Map()
map.set( 1, 'number' )
map.set( 'a', 'b' )

map.forEach( ( value, key ) => {
  console.log( `${ key } => ${ value }` )
} )
// 1 => number
// a => b

四、其它有用的方法和属性

你可以使用 size 属性获取 Map 键/值对的个数。
你可以使用 keys()方法获取 Map 中所有的键，返回一个可迭代的数组。
你可以使用 values() 方法获 Map 中所有的值，返回一个可迭代的数组。
你可以使用 entries() 方法获得包含键/值对的数组的集合数组。
你可以使用 clear() 方法清空 Map 中所有的键/值内容。