JavaScript学习笔记3

Map and Set（映射和集合）

Map：是一个带键的数据项的集合，就像一个Object对象一样，他们最大的区别是Map允许任何类型的键（key）。

Map的方法：
new Map()：创建一个map
map.set(key,value)：根据键存储值
map.get(key)：根据键来返回值，如果map中不存在对应的key，则返回undefined。
map.has(key)：如果key存在则返回true，否则返回false。
map.delete(key)：删除指定键的值
map.clear()：清空map
map.size()：返回当前元素个数

Map的迭代：
map.keys()：遍历并返回所有的键
map.values()：遍历并返回所有的值
map.entries()：遍历并返回所有的实体[key,value]，for…of在默认情况下就是使用这个

Object.entries(obj):从对象创建Map,该方法返回对象的键值对数据，该格式完全按照Map所需的格式。
例如：let obj = {name:“Jon”,age:30};
let map = new Map(Object.entries(obj))//返回键值对数组[[“name”:“Jon”],[“age”:“30”]]

Object.fromEntries:从Map创建对象，给定一个具有[key,value]键值对的数组，它会根据给定数组创建一个对象。
例如：let prices = Object.fromEntries([
[‘banana’,1],[‘orange’,2],[‘meat’,4]])//从map得到一个普通对象，返回{banana:1,orange:2,meat:4}

Set是一个特殊的类型集合，是“值的集合”（没有键），它的每一个值只能出现一次。

new Set(iterable)：创建一个set，如果提供了一个iterable对象（通常是数组），将会从数组里面复制值到set中。
set.add(value)：添加一个值，返回set本身
set.delete(value)：删除值，如果value在这个方法调用的时候存在则返回true，否则返回false。
set.has(value)：判断value是否在set中，是返回true，否返回false。

解构赋值

JavaScript中最常用两种数据结构是Object和Array，对象能够通过创建键来存储数据项的单个实体数组能够将数据收集到一个有序的集合中，但当我们将其传递给函数时，它可能不需要一个整体的对象或数组，而是需要单个的块。

解构赋值：是一种特殊语法，使我们可以将数组或者对象“拆包”到一系列变量中，从而使得变量的使用更方便。
例如：let arr =[‘userName’,‘age’]
let [name,isage] = arr //name = arr[0]

解构赋值通过将结构中的各个元素复制到变量中来达到“解构”的目的，但数组本身是没有被修改的。

“…”标识：如果我们在结构数组时，不仅想要数组中被赋值的元素，还要将后续的所有元素都收集起来，我们就可以使用…再加一个参数来接受剩余的元素。
例如：let [name1.name2,…rest] = [‘1’,‘2’,‘3’,‘4’]