注意：

• 给Set结构中加入值时，内部使用"==="来判断，，比如"5"和5是不同的，但需要注意平时使用NaN===NaN结果为false，但是在Set内部两个NaN是相同的。

• 两个对象总是不相等的，{}和{}也是不相同的

方法：

• size属性

• Set.prototype.add()

• Set.prototype.delete()

• Set.prototype.has()

• Set.prototype.clear()：清空所有成员

• Set.prototype.keys()：返回键名的遍历器

• Set.prototype.values()：返回键值的遍历器

• Set.prototype.entries()：返回键值对的遍历器

• Set.prototype.forEach()：使用回调函数遍历每个成员

由于 Set 结构没有键名，只有键值（或者说键名和键值是同一个值），所以keys方法和values方法的行为完全一致。

let set = new Set(['red', 'green', 'blue']);



for (let item of set.keys()) {

  console.log(item);

}

// red

// green

// blue



for (let item of set.values()) {

  console.log(item);

}

// red

// green

// blue



for (let item of set.entries()) {

  console.log(item);

}

// ["red", "red"]

// ["green", "green"]

// ["blue", "blue"]



s.forEach((value, key)=>{

    console.log(value);

})

// red

// green

// blue

用途：

• 用来数组去重

  [...new Set(array)]

• 字符串去重

  [...new Set('abcdda')].join("")

WeakSet与Set结构的区别

• WeakSet 的成员只能是对象

• 垃圾回收机制不考虑 WeakSet 对该对象的引用

---

[](

)map

类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。

1. 方法：

• size属性

• Map.prototype.set()

• Map.prototype.get()

  。。。。和set方法相同

2. map与其他数据类型之间的转化：

1. Map 转为数组

let myMap = new Map()

  .set(true, 7)

  .set({foo: 3}, ['abc']);

console.log([...myMap]);

//[ [ true, 7 ], [ { foo: 3 }, [ 'abc' ] ] ]

2. 数组 转为 Map

new Map([

  [true, 7],

  [{foo: 3}, ['abc']]

])

3. Map 转为对象

function strMapToObj(strMap) {


### 最后

本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于**前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等**

>**[CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](

)**

![](https://www.icode9.com/i/ll/?i=img_convert/05210b491af4d099b875ffb4cd979c3a.png)

**前端视频资料：**
![](https://www.icode9.com/i/ll/?i=img_convert/410fed3ac3149ada538e197aba8d58a3.png)

> **本文已被[CodeChina开源项目：【一线大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://codechina.csdn.net/m0_60958482/web-p7)收录，自学编程路线及系列技术文章等资源持续更新中...**
img-i09eb9fe-1631257088652)]

**前端视频资料：**
[外链图片转存中...(img-DqPd6PqM-1631257088654)]

> **本文已被[CodeChina开源项目：【一线大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://codechina.csdn.net/m0_60958482/web-p7)收录，自学编程路线及系列技术文章等资源持续更新中...**