(精华)2020年7月3日 JavaScript高级篇 ES6(Set数据结构)

Set是什么

// Set是es6新提出的一个新的引用数据类型 类似于数组 但是成员是唯一的 没有重复的值 // 和对象里面的 get set 不一样

基本用法

// 基本用法 const set = new Set([1,2,3,4,5,6,5]) console.log(set);

证明set是js新的引用数据类型

let arr = [1,2,3,4] let obj = {name:'张三'} let nu = null // 历史遗留问题 console.log(typeof arr); console.log(typeof obj); console.log(typeof nu); // 证明 arr是数组 obj 是对象 // instanceof // Object.prototype.toString.call(arr) console.log(arr instanceof Array); console.log(obj instanceof Object); console.log(Object.prototype.toString.call(arr)); // string [object Array] console.log(Object.prototype.toString.call(obj)); // string [object Object] const set = new Set([1,2,3,4,5,6,5]) console.log(set instanceof Set); console.log(Object.prototype.toString.call(set) === '[object Set]');

转化成数组

// 转化成数组 const set = new Set([1,2,3,4,5,6,5]) // 数组去重的方法 console.log([...set]); console.log(Array.from(set));

Set数据内部判断值得机制

// Set数据内部判断值得机制 类似于 === let newSet = new Set() let a = 5; let b = '5' newSet.add(a) newSet.add(b) // ? 里面有几项 ？ console.log(newSet); // 特殊情况NaN // 因为 NaN === NaN newSet.add(NaN) newSet.add(NaN) console.log(newSet);

Set实例的属性和方法

Set的属性

let lastSet = new Set() lastSet.add(1).add(2).add(2).add('2').add(NaN).add(NaN) console.log(lastSet.size);

add delete has clear

let lastSet = new Set() lastSet.add(1).add(2).add(2).add('2').add(NaN).add(NaN) console.log(lastSet.size); // 判断是否有这一项 console.log(lastSet.has(2)); lastSet.clear() console.log(lastSet);

并集 交集 差集

let arr1 = [1, 2, 3] let arr2 = [4, 3, 2] // 并集 交集 差集 set ... let a = new Set(arr1) let b = new Set(arr2) let union = new Set([...a, ...b]) console.log(union); // Array.from ... // 交集 let inter = new Set([...a].filter(function (x) { return b.has(x) })) console.log(inter); // 差集 let difference = new Set([...a].filter(function (x) { return !b.has(x) })) console.log(difference);