JS Set()、Map()

new Set()

没有重复的值，似于数组。

常规使用

// 初始化
let list=new Set();

// 初始化并赋值
let list=new Set([1,20,30,40])    

// 添加元素
list.add(1)

// 删除值为30的元素，这里的30并非下标
list.delete(30)

// 判断元素返回布尔值
let list=new Set([1,2,3,4])
list.has(2) // true

// 清除所有元素
list.clear()
 

遍历

// 键名keys()
let list = new Set(['a','b','c'])
for(let key of list.keys()){
   console.log(key)
}
/*
a
b
c
*/

// 键值values()
let list=new Set(['a','b','c'])
for(let value of list.values()){
    console.log(value)
}
/*
a
b
c
*/

// 键值对entries() 
let list=new Set(['4','5','hello'])
for (let item of list.entries()) {
  console.log(item);
}
/*
['4','4']
['5','5']
['hello','hello'] 
*/

// 循环forEach
let list=new Set(['4','5','hello'])
list.forEach((value, key) => console.log(key + ' : ' + value))
/*
4:4    
5:5   
hello:hello 
*/

注：这一块代码忘记哪里搬过来的。

其他拓展

数组去重 / Set()转数组

let arr = [3, 5, 2, 2, 5, 5];
let setArr = new Set(arr)     // 返回set数据结构  Set(3) {3, 5, 2}

//方法一   es6的...解构
let unique1 =  [...setArr ];      //去重转数组后  [3,5,2]

//方法二  Array.from()解析类数组为数组
let unique2 = Array.from(setArr)   //去重转数组后  [3,5,2]

交集、并集、差集

let a = new Set([1, 2, 3]);
let b = new Set([4, 3, 2]);

// 并集
let union = new Set([...a, ...b]);
// Set {1, 2, 3, 4}

// 交集
let intersect = new Set([...a].filter(x => b.has(x)));
// set {2, 3}

// （a 相对于 b 的）差集
let difference = new Set([...a].filter(x => !b.has(x)));
// Set {1}

注：这一块代码忘记哪里搬过来的。

new Map()

常规使用

// 初始化
const map1 = new Map();

// 初始化并赋值
const map2 = new Map([['a', 1], ['b', 2]]);

// 新增元素
map1.set('a', 1);

// 获取元素
console.log(map1.get('a')); // 1

// 获取map的数量
console.log(map1.size); // 1

遍历

// 方法一
for (const [key, value] of map1) {
    console.log(key + ' : ' + value);
}
/*
a:1 
b:2
*/

// 方法二
for (const [key, value] of map1.entries()) {
    console.log(key + " : " + value);
}
/*
a:1 
b:2
*/

// 方法三
for (const key of map1.keys()) {
    console.log(key);
}
/*
a
b
*/

// 方法四
for (const value of map1.values()) {
    console.log(value);
}
/*
1 
2
*/

// 方法五
map1.forEach(function (value, key) {
    console.log(key + ' = ' + value)
})
/*
a = 1 
b = 2
*/

其他拓展

map和数组的互换

1const keyValue = [['a', 1], ['b', 2]];
const map2 = new Map(keyValue);

console.log(map2.get('a')); // 1
console.log(Array.from(map2)); // [[ ‘a’, 1 ], [ ‘b’, 2 ] ]
console.log([...map2]); // [ [ ‘a’, 1 ], [ ‘b’, 2 ] ]
console.log(Array.from(map2.keys())); // [ ‘a’, ‘b’ ]

浅拷贝

const original = new Map([
    [1, 'a']
])

const clone = new Map(original)

console.log(clone.get(1))       // a
console.log(original === clone) // false

map 合并

key相同，保留最后的value

const first = new Map([
    [1, 'a'],
    [2, 'b'],
    [3, 'c'],
])

const second = new Map([
    [1, 'd'],
    [2, 'e']
])


const merged = new Map([...first, ...second])

console.log(merged.get(1)) // d
console.log(merged.get(2)) // e
console.log(merged.get(3)) // c

注：这一块代码忘记哪里搬过来的。