ES6 Set类型

更新日期: 2019-11-02阅读: 1.9k标签: 类型

Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。


基本使用

new Set([iterator])

iterator <Iterator> 与Map类似,Set接收一个可选的Iterator对象,所有元素将按照顺序不重复地添加到Set中。传递null或者undefined将返回一个空Set

const set = new Set();
// 添加元素
set.add(1);
// 移除元素
set.delete(1);
// 检测元素是否存在
set.has(1);
// 清空Set
set.clear();


数据类型的唯一性判定

const set = new Set(undefined);

set.
    add("string").add("string").
    add(1).add(1).
    add(true).add(true).
    add(null).add(null).
    add(undefined).add(undefined)
    .add(NaN).add(NaN)
    .add({}).add({})
    .add([]).add([])
    .add(function () { }).add(function () { });

console.log(set);

输出如下:

Set {
  'string',
  1,
  true,
  null,
  undefined,
  NaN,
  {},
  {},
  [],
  [],
  [Function],
  [Function]
}

结论

  • string/number/boolean/null/undefined/NaN是使用值判重

    • NaN!==NaN,但是Set也只会存一份,所以值判定应该不完全是用===做的
  • object/array/function等object类型使用引用判重


Set的迭代

for...of

由于Set实现了Symol.iteator方法,所以可以使用for...of迭代
const set = new Set(undefined);

set.add("string").add("string");

for (const v of set.entries()) {
    console.log(v);
}

forEach

const set = new Set(undefined);

set.add("string").add("string");

set.forEach(function(value) {
  console.log(value);
});


使用场景

Set和数组相互转化

const array = [1,2];
const set = new Set(array); // 数组转化为set
const newArray = [...set]; // set转化为数组

去除字符串重复字符

const s = 'aabbcc';

const set = new Set(s);
const newString = [...set].join('');
console.log(newString); // abc

数组去重

const list = [1,2,3,1,2,3];
const set = new Set(list);
console.log([...set]); // [1,2,3]

并集

const set = new Set([1,2,3]);
const set2 = new Set([1,2,3,4]);
const set3 = new Set([...set], [...set2]); // [1, 2, 3]

交集

const set = new Set([1,2,3]);
const set2 = new Set([1,2,3,4]);
const set3 = new Set([...set].filter(item => set2.has(item))); // [1, 2, 3]

差集

const set = new Set([1,2,3]);
const set2 = new Set([1,2,3,4]);
const set3 = new Set([...set2].filter(item => !set.has(item))); // [4], 注意set2和set的顺序


总结

在需要唯一性的场景中,Set使用起来比数组要方便许多,比如添加标签,这个肯定是不重复的,用Set去实现就可以省去重复判断之类的操作,可以专注业务逻辑。

链接: https://www.fly63.com/article/detial/6241

JS中Null与Undefined的区别

在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑,在什么时候是Null,什么时候又是Undefined?Undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined。

Javascript的类型检测

主要介绍了JS中检测数据类型的几种方式,typeof运算符用于判断对象的类型,但是对于一些创建的对象,它们都会返回\'object\',有时我们需要判断该实例是否为某个对象的实例,那么这个时候需要用到instanceof运算符

js类型转换的各种玩法

对于object和number、string、boolean之间的转换关系,ToPrimitive是指转换为js内部的原始值,如果是非原始值则转为原始值,调用valueOf()和toString()来实现。

JavaScript类型:关于类型,有哪些你不知道的细节?

Undefined类型表示未定义,它的类型只有一个值为undefined。undefined和null有一定的表意差别。非整数的Number类型无法使用 == 或 === 来比较,因为 JS 是弱类型语言,所以类型转换发生非常频繁

为你的 JavaScript 项目添加智能提示和类型检查

近在做项目代码重构,其中有一个要求是为代码添加智能提示和类型检查。智能提示,英文为 IntelliSense,能为开发者提供代码智能补全、悬浮提示、跳转定义等功能,帮助其正确并且快速完成编码。

js的类型

基本类型:按值访问,可以操作保存在变量中实际的值;引用类型数据存在堆内存,而引用存在栈区,也就是说引用类型同时保存在栈区和堆区,关于==的执行机制,ECMASript有规范,因为==前后的值交换顺序,返回的值也是一样的,所以在此对规范做出如下总结

再也不用担心 JavaScript 的数据类型转换了

JavaScript 是一种弱类型或者说动态类型语言。所以你不用提前声明变量的类型,在程序运行时,类型会被自动确定,你也可以使用同一个变量保存不同类型的数据。

JavaScript基础之值传递和引用传递

js的值传递和引用(地址)传递:js的5种基本数据类型 number,string,null,undefined,boolean 在赋值传递时是值传递,js的引用数据类型(object,array,function)进行引用传递,其实底层都是对象。

JS中的布尔 数字 字符串

JS中所有的值都可以转换成布尔类型 使用Boolean()或者 !!(两个感叹号),JS中所有的值都可以转换成数字类型,使用Number()或+。数字类型转换场景目的只有一个,用于计算,将后台传递的数据,从字符串转换为数字并参与计算

if条件中,js的强制类型转换

众所周知,JS在很多情况下会进行强制类型转换,其中,最常见两种是:1.使用非严格相等进行比较,对==左边的值进行类型转换2.在if判断时,括号内的值进行类型转换,转化为布尔值

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!