目录

• Set数据结构

  • 申明Set

  • Set办法

    • 存储数据
    • 删除数据
    • 清空数据
    • 查找数据
    • size长度

    • 读取数据

      • get API & keys API & values API & entries API
      • forEach API
      • for-of API
    • 批改数据
  • 数组去重ES6能够用Set解决

• Map数据结构（字典类型）

  • 之前对象的键都是字符串，会出错？
  • map的key能够是任意类型
  • 如果实例化一个map对象

  • Map办法

    • 增加/编辑数据
    • 删除数据
    • 清空数据
    • 查找数据
    • Size长度

    • 读取数据

      • get API & keys API & values API & entries API
      • forEach API
      • for-of API
  • Map和Object的区别
• WeakSet和WeakMap
• ES6-ES10学习幅员

Set数据结构

ES6除了能够应用Object存储数据，还能够应用Set存储数据

1. Set存储的成员是惟一的，不是反复的，如果有反复会主动过滤掉（用于数组去重，上面有解释）
2. 能够链式调用 add、forEach、delete、clear、has、size、for-of

申明Set

// 申明了一个Setlet s = new Set()// 申明并初始化数据，传入的参数是可遍历的对象，不只是数组let s = new Set([1, 2, 3, 4])

Set办法

存储数据

add API

let s = new Set()s.add('hello')s.add('goodbye')console.log(s)// Set(2) {"hello", "goodbye"}//能够应用简写模式，因为其返回的是以后对象s.add('hello').add('goodbye')console.log(s)// Set(2) {"hello", "goodbye"}// 遇到反复数据会进行过滤s.add('hello').add('goodbye').add('hello')console.log(s)// Set(2) {"hello", "goodbye"}

删除数据

delete API

let s = new Set()s.add('hello').add('goodbye')console.log(s)// Set(2) {"hello", "goodbye"}s.delete('goodbye') // 删除胜利会返回一个trueconsole.log(s)// Set(1) {"hello"}

清空数据

clear API

let s = new Set()s.add('hello').add('goodbye')console.log(s)// Set(2) {"hello", "goodbye"}s.clear()console.log(s)// Set(0) {}

查找数据

has API

let s = new Set()s.add('hello').add('goodbye')console.log(s.has('hello'))// true

size长度

size Property

let s = new Set()s.add('hello').add('goodbye')console.log(s.size)// 2

读取数据

keys API & values API & entries API

let s = new Set()s.add('hello').add('goodbye')// 返回键汇合，SetIterator是遍历器console.log(s.keys())// SetIterator {"hello", "goodbye"}// 返回值汇合console.log(s.values())// SetIterator {"hello", "goodbye"}// 返回键值对汇合console.log(s.entries())// SetIterator{"hello" => "hello", "goodbye" => "goodbye"}// Set实质还是Object，还是以键值对的模式存在。

forEach API

let s = new Set()s.add('hello').add('goodbye')s.forEach(item => {    console.log(item)})

for-of API

let s = new Set()s.add('hello').add('goodbye')for(let item if s) {    console.log(item)}

批改数据

目前没有提供批改的API，对于批改须要先删除再增加

数组去重ES6能够用Set解决

const arr = [1,2,1,3,4,1]const result = Array.from(new Set(arr)]// [ 1, 2, 3, 4 ]// orconst result = [... new Set(arr)]// [ 1, 2, 3, 4 ]

Map数据结构（字典类型）

之前对象的键都是字符串，会出错？

ES6之前对象的键是一个字符串，会遇到上面的问题。键被间接toString了，那么咱们外面轻易传一个对象都能够拜访到值

const obj = {}obj[true] = 'value'obj[123] = 'value'obj[{a: 1, b: 2}] = 'haha'console.log(Reflect.ownKeys(obj)) // [ '123', 'true', '[object Object]' ]console.log(obj[{}]) // hahaconsole.log(obj['[object Object]']) // haha

map的key能够是任意类型

上面的key是对象

const m = new Map()const tom = {name: 'xm'}m.set(tom, 90)console.log(m) // Map { { name: 'xm' } => 90 }console.log(m.get(tom)) // 90

上面的key是数字，也能够是函数

let map = new Map()map.set(1, 'value-2')let o = function () {    console.log('o')}map.set(o, 4)console.log(map)// Map(2) {1 => "value-2", ƒ => 4} ƒ示意一个函数functionconsole.log(map.get(o))// 4

如果实例化一个map对象

// 申明了一个Maplet map = new Map()// 申明并初始化数据，传入的参数是可遍历的对象// 然而对其可遍历的元素有条件限度，必须要用keylet map = new Map([1, 2, 3])// 报错 Iterator value 1 is not an entry object 不是一个字典模式// 正确写法// 对于外层数据满足可遍历对象，内层数组是外层对象的一个元素，后面1是key，前面2是value，同样后面的3是key，前面的4是valuelet map = new Map([[1, 2]], [3, 4])console.log(map)// Map(2) {1 => 2, 3 => 4}// 区别：map外面的key能够是任意值，set外面的元素能够是任意值

Map办法

map办法有set、delete、has、clear、size、forEach、for-of

增加/编辑数据

set API ——（增加的是能够批改的）

let map = new Map()map.set(1, 2)map.set(3, 4)console.log(map)// Map(2) {1 => 2, 3 => 4}map.set(1, 2).set(3, 4)console.log(map)// Map(2) {1 => 2, 3 => 4}map.set(1, 3)console.log(map)// Map(2) {1 => 3, 3 => 4}

删除数据

delete API —— （删除索引值）

let map = new Map()map.set(1, 2).set(3, 4)// Map(2) {1 => 2, 3 => 4}map.delete(1)console.log(map)// Map(1) {3 => 4}

清空数据

clear API

let map = new Map()map.set(1, 2).set(3, 4)// Map(2) {1 => 2, 3 => 4}map.clear()console.log(map)// Map(0) {}

查找数据

has API —— （查找索引值）

let map = new Map()map.set(1, 2).set(3, 4)console.log(map.has(1))// true

Size长度

size Property

let map = new Map()map.set(1, 2).set(3, 4)console.log(map.size)// 2

读取数据

数据的程序是依据初始化的程序统一的

get API & keys API & values API & entries API

let map = new Map()map.set(1, 2).set(3, 4)console.log(map.get(1))// 2console.log(map.keys())// MapIterator {1, 3}console.log(map.values())// MapIterator {2, 4}console.log(map.entries())// MapIterator {1 => 2, 3 => 4}

forEach API

let map = new Map()map.set(1, 'value-2').set(3, 'value-4')map.forEach((value, key) => {    console.log(value, key)})// value-2 1// value-4 3

for-of API

let map = new Map()map.set(1, 'value-2').set(3, 'value-4')// map是一个可遍历对象，[key, value]和之前定义的数据结构是统一的for (let [key, value] of map) {    console.log(key, value)}// 1 "value-2"// 3 "value-4"

Map和Object的区别

下面的区别之外：

WeakSet和WeakMap

不罕用、API都一样

WeakSet和Set的区别：

• 存储的数据只能是对象

WeakMap和Map的区别：

• 只能承受对象类型的key

学习幅员