三分钟学习一下JavaScript中set对象的用法

简介: 三分钟学习一下JavaScript中set对象的用法

三分钟学习一下JavaScript中set对象的用法

set对象

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

1.1 构造方法 
const set1 = new Set([1, 2, 3, 4, 5]);
const set2 = new Set();
const set3 = new Set([1, 2, 3, 4, 5, 1]);

1.2 size属性 :个数
console.log(set1.size) // 5
console.log(set2.size) // 0
console.log(set3.size) // 5

1.3 add方法: 在set对象的尾部加入一个新元素,同时返回set对象
set2.add(1)

1.4 clear方法:移除set对象中的所有元素 没有返回值
console.log(set1.clear()) / undefined

1.5 entries方法:返回一个新的迭代器对象,该对象包含Set对象中的按插入顺序排列的所有元素的值的[value, value]数组。为了使这个方法和Map对象保持相似, 每个值的键和值相等。
let test = set3.entries()
    for (let item of test) {
      console.log(item)
    }
自行打印下就知道了    

1.6 forEach方法:按照插入顺序,为Set对象中的每一个值调用一次callBackFn。如果提供了thisArg参数,回调中的this会是这个参数。
set3.forEach((item) => {
      console.log(item)
    })

1.7 has方法 返回一个布尔值,表示该值在Set中存在与否。
set3.has(10) // false
set3.has(1) // true

1.8 values方法 返回一个新的迭代器对象,该对象包含Set对象中的按插入顺序排列的所有元素的值。
for (let item of test) {
      console.log("item", item)
    }

1.9 delete方法:删除元素 ,返回Set.prototype.has(value)在这个操作前会返回的值(即如果该元素存在,返回true,否则返回false)
set3.delete(1)

明天大概写一下map对象的用法,再不发出去就十二点了哈哈。

关于迭代器对象,这玩意可真的不好用文字来表达。有机会了专门写一下。

相关文章
|
5天前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
1天前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
4天前
|
JavaScript 前端开发 Java
除了 JavaScript,还有哪些编程语言支持 Set 类型
【10月更文挑战第30天】这些编程语言中的 `Set` 类型虽然在语法和具体实现细节上有所不同,但都提供了类似的集合操作功能,方便开发者在不同的编程场景中处理集合相关的数据和逻辑。
|
5天前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
23天前
|
JavaScript 前端开发
JS try catch用法:异常处理
【10月更文挑战第12天】try/catch` 是 JavaScript 中非常重要的一个特性,它可以帮助我们更好地处理程序中的异常情况,提高程序的可靠性和稳定性。
13 1
|
28天前
|
JavaScript 前端开发
js的math.max的用法
js的math.max的用法
24 6
|
28天前
|
JavaScript
JS中的splice的三种用法(删除,替换,插入)
JS中的splice的三种用法(删除,替换,插入)
134 4
|
27天前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
29 1
|
28天前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
15 2
|
28天前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
16 2