ts：Set、Map

观看小满老师课程的随笔~

前言

• 与 原生 js 中的原理和方法是相同的，这里只是用了 ts 中的 强类型

一、Set

• 天然去重，引用类型除外
• 增删改查：add、has、delete、clear
• 循环：forEach、entries、keys、for...of(内置的有iterator迭代器)
• 获取长度： size

// 天然去重，引用类型除外
let set: Set<number> = new Set([1, 2, 3, 1, 2, 3, 4, 5]) // Set(5) {1, 2, 3, 4, 5}

// 引用类型无法去重
let set2 = new Set([1, 2, 3, 1, 2, 3, 4, 5, {a: 1}, {a: 1}]) // Set2(5) {1, 2, 3, 4, 5, Object, Object}

// 长度
console.log('size', set, set.size) // Set(5) {1, 2, 3, 4, 5} 5

// 增加
set.add(7)
console.log(set.has(7)) // true

// 删除
set.delete(5)
console.log(set.has(5)) // false

// 循环
set.forEach(item => {
  console.log('forEach', item)  // 1 2 3 4 7 各打印一次
})

// entries
console.log('entries-----', set.entries())  
// SetIterator {1 => 1, 2 => 2, 3 => 3, 4 => 4, 7 => 7}

// keys
console.log('keys------', set.keys())
// SetIterator {1, 2, 3, 4, 7}

// for of
for (let key of set) {
  console.log('for of---', key) // 1 2 3 4 7各打印一次
}

// 清空 
set.clear()
console.log(set)  // Set(0) {size: 0}

二、Map

• key 可以是 引用类型，比如数组、对象
• 增删改查：set、get、has、delete、clear
• 循环：forEach、entries、keys、for...of
• 获取长度: size

let obj = {
  name: '小满'
}
let arr = [1, 2, 3, 4]

let map:Map<object, any> = new Map()

// 设置
map.set(obj, 123)
map.set(arr, '我是数组')

// 长度
console.log('size-------', map.size) // 2

// 获取
console.log(map.get(obj)) // 123

// 是否包含
console.log(map.has(obj)) // true

// 循环
map.forEach(item => {
  console.log('forEach-----', item)
  // 123
  // 我是数组
})

// entries、keys，打印见下图
console.log('entries--------', map.entries())
console.log('keys--------', map.keys())

// for of：打印见下图
for(let key of map) {
  console.log('for of----', key)
}

// 删除
map.delete(obj)
console.log('map-------', map) // Map(1) {Array(4) => '我是数组'}

// 清空
map.clear()
console.log('map-------', map) // Map(0) {size: 0}