es6数组的使用方法（ES6基础Map与WeakMap）

小君 2023-05-04 02:08:49 193

es6数组的使用方法（ES6基础Map与WeakMap）以下表格罗列了Map相关的方法Map { 'foo' => 2 } 2 上述代码我们可以看出，如果存在相同的键，则会按照FIFO（First in First Out 先进先出）原则，后面的键值信息会覆盖前面的键值信息。let map = new Map(); let o = {n: 1}; map.set(o "A"); //add map.set("2" 9); console.log(map.has("2")); //check if key exists console.log(map.get(o)); //retrieve value associated with key console.log(...map); console.log(map); map.delete("2"); //delete key and associated value map.clear

es6数组的使用方法（ES6基础Map与WeakMap）(1)

ES6里除了增加了Set（集合类型）外，笔者在这篇文章「ES6基础」Set 与 WeakSet有过介绍，今天这篇文章将介绍引入的新类型——Map(映射类型)及WeakMap。映射类型在计算机科学中定义属于关联数组，而关联数组的定义是若干键值对(Key/Value Pair)组成的集合其中每个Key值都只能出现一次。

本篇文章将从以下方面进行介绍：

Map代码示例
Map常用方法示例
Map与Object的区别
weakMap介绍

本篇文章阅读时间预计5分钟

Map代码示例

Map的键和值可以是任何数据类型，键值对按照插入顺序排列，如果插入重复的键值，后面的键值会覆盖前者，下段代码是个简单示例，演示了Map的一些用法：

let map = new Map(); let o = {n: 1}; map.set(o "A"); //add map.set("2" 9); console.log(map.has("2")); //check if key exists console.log(map.get(o)); //retrieve value associated with key console.log(...map); console.log(map); map.delete("2"); //delete key and associated value map.clear(); //delete everything //create a map from iterable object let map_1 = new Map([[1 2] [4 5]]); console.log(map_1.size); //number of keys

上述代码将会输出

true A [ { n: 1 } 'A' ] [ '2' 9 ] Map { { n: 1 } => 'A' '2' => 9 } 2

从上述代码中，我们可以看出使用new Map()语法进行声明，map键的类型可以使用任意对象作为键（字符串，object类型 functions），我们直接二维数组键值对的形传入到构建函数中，第一项为键，后一项为值。

const map=new Map([['foo' 1] ['foo' 2]]) console.log(map); console.log(map.get('foo'))

上述代码将会输出：

Map { 'foo' => 2 } 2

上述代码我们可以看出，如果存在相同的键，则会按照FIFO（First in First Out 先进先出）原则，后面的键值信息会覆盖前面的键值信息。

Map常用方法示例

以下表格罗列了Map相关的方法

es6数组的使用方法（ES6基础Map与WeakMap）(2)

增删键值对与清空MAP

let user={name:"Aaron" id:1234}; let userHobbyMap=new Map(); userHobbyMap.set(user ['Ice fishing' 'Family Outting']);//添加键值对 console.log(userHobbyMap); userHobbyMap.delete(user);//删除键值对 userHobbyMap.clear(); //清空键值对 console.log(userHobbyMap);

上述代码将会输出：

Map { { name: 'Aaron' id: 1234 } => [ 'Ice fishing' 'Family Outting' ] } Map {}

获取键值对

与Set集合对象不一样，集合对象的元素没有元素位置的标识，故没有办法获取集合某元素，但是映射对象由键值对组成，所以可以利用键来获取对应的值。

const map=new Map(); map.set('foo' 'bar'); console.log(map.get('foo')); //output bar

检查映射对象中是否存在某键

与Set集合一样，Map映射也可以使用has(键)的方法来检查是否包含某键。

const map=new Map([['foo' 1]]) console.log(map.has('foo'));//output true console.log(map.has('bar'));//output false

遍历映射中的键值对

映射对象在设计上同样也是一种可迭代的对象，可以通过for-of循环对其遍历，同时也可以使用foreach进行遍历。

映射对象中带有entries()方法，用于返回包含所有键值对的可迭代的二元数组对象，而for-of和foreach便是先利用entries()方法先将映射对象转换成一个类数组对象，然年再进行迭代。

说了这么多映射对象的方法，Map和Object对象有哪些区别呢，以下表格进行了总结：