ES6 - 映射和集合

ES6 引入了两种新的数据结构:映射和集合。让我们详细了解它们。

Map

Map 映射是键值对的有序集合。映射类似于对象。但是，映射和对象之间存在一些差异。这些列在下面 −

语法

Map 的语法如下 −

let map = new Map([iterable])
let map = new Map()

示例

以下示例使用可迭代构造函数创建映射 −

<script>
   let andy = {ename:"Andrel"},
      varun = {ename:"Varun"},
      prijin = {ename:"Prijin"}
   let empJobs = new Map([
   [andy,'Software Architect'],
   [varun,'Developer']]
   );
   console.log(empJobs)
</script>

上述代码的输出如下所示 −

{{…} => "Software Architect", {…} => "Developer"}

检查映射的大小

size 属性可用于确定存储在映射中的值的数量。

语法

检查映射大小的语法如下所示 −

map_name.size

示例

<script>
   let daysMap = new Map();
   daysMap.set('1', 'Monday');
   daysMap.set('2', 'Tuesday');
   daysMap.set('3', 'Wednesday');
   console.log(daysMap.size);
</script>

上述代码的输出结果如下图所示 −

3

下面是一些可以用来操作映射的常用方法 −

WeakMap

WeakMap 是 map 的一个小的子集。键是弱引用，因此它只能是非原始的。如果对象键没有引用，它将被垃圾回收。

• 不可迭代
• 每个键都是对象类型

如果键没有引用，WeakMap 将允许垃圾回收。

语法

WeakMap 的语法如下 −

new WeakMap([iterable])

示例 1

<script>
let emp = new WeakMap();
emp.set(10,'Sachin');// TypeError 因为键应该是对象
</script>

示例 2

<script>
    let empMap = new WeakMap();
    // emp.set(10,'Sachin');// Error 因为键应该是对象
   let e1= {ename:'Kiran'},
      e2 = {ename:'Kannan'},
      e3 = {ename:'Mohtashim'}

   empMap.set(e1,1001);
   empMap.set(e2,1002);
   empMap.set(e3,1003);

   console.log(empMap)
   console.log(empMap.get(e2))
   console.log(empMap.has(e2))
   empMap.delete(e1)
   console.log(empMap)
</script>

上述代码的输出如下 −

{{…} => 1002, {…} => 1003, {…} => 1001}
1002
true
{{…} => 1002, {…} => 1003}

Set

Set 集合是唯一值的无序集合。此数据结构可以包含原始类型和对象类型的值。

语法

Set 的语法如下 −

new Set([iterable])
new Set()

示例

<script>
   let names = new Set(['A','B','C','D']);
   console.log(names)
</script>

上述代码的输出如下所示 −

{"A", "B", "C", "D"}

检查集合的大小

Set 对象的 size 属性可用于查询 Set 中的元素数量。

语法

检查集合大小的语法如下所示 −

set.size

示例

<script>
   let names = new Set(['A','B','C','D']);
   console.log(names.size)
</script>

上述代码的输出如下所示 −

4

迭代 Set

我们可以使用 forEach 和 for..of 循环来迭代 Set。如下面的示例所示−

Example

<script>
let names= new Set(['A','B','C','D']);
    //使用 forEach 进行迭代
    console.log('forEach')
    names.forEach(n=>console.log(n))
    
    console.log('for of..')
    
    //使用 for..of 进行迭代
    for(let n of names){
      console.log(n)
   }
</script>  

上述代码的输出如下 −

forEach
A
B
C
D
for of..
A
B
C
D

可以使用以下方法来操作集合 −

WeakSet

Weakset 以弱方式保存对象，这意味着如果未引用存储在 WeakSet 中的对象，则它们将被垃圾回收。 WeakSet 不可迭代，并且没有 get 方法。

<script>

   let e1 = {ename:'A'}
   let e2 ={ename:'B'}
   let e3 ={ename:'C'}

   let emps = new WeakSet();
   emps.add(e1);
   emps.add(e2)
   .add(e3);

   console.log(emps)
   console.log(emps.has(e1))
   emps.delete(e1);
   console.log(emps)
</script>

上述代码的输出将如下所示 −

WeakSet {{…}, {…}, {…}}
true
WeakSet {{…}, {…}}