JS Set方法

1 创建Set

new Set()方式创建

let s = new Set();
1.1、new Set()方式创建

通过传入数组方式创建
如果想在创建的同时初始化实例,则可以给 Set 构造函数传入一个可迭代对象,其中需要包含插入到新集合实例中的元素(Set 可以包含任何 JavaScript 数据类型作为值):

let s = new Set([1,2,3,3,5])
let s = new Set(["val1", 1, true, {}, undefined, function fun() {}]);
1.2 Set结构不会添加重复的值
const s = new Set([1, 1, 2, 3, 4, 4, 5, 6, 7, 4, 2, 1]);
Array.from(s); //  [1, 2, 3, 4, 5, 6, 7]

1.3 用Set解决数组去重问题

const arr = [1, 2, 3, 3, 4, 5, 4, 4, 2, 1, 3];
Array.from(new Set(arr)); // [1, 2, 3, 4, 5]

2. 添加元素

使用 add 方法

let s = new Set()
s.add(1) 

3. 删除元素、

使用 delete 方法

let s = new Set()
s.add(1)
s.add(5)
s.delete(5)

4. 获取 Set 中元素个数

使用 size

let s = new Set()
s.add(1)
s.add(5)
s.size

5. 判断 Set 中是否包含某个元素

has(): 查询Set实例是否存在某元素(返回布尔值):

let s = new Set();
s.add(1).add(2).add(3);
s.has(1); // true

6. clear()

clear(): 清空Set实例:

let s = new Set();
s.add(1).add(2).add(3);
Array.from(s); // [1, 2, 3]
s.clear();
Array.from(s); // []

7. 迭代

keys():返回键名;
values(): 返回键值;
entries(): 返回键值对;

let s = new Set();
s.add(1).add(2).add(3);
Array.from(s.keys()); // [1, 2, 3]
Array.from(s.values()); // [1, 2, 3]
Array.from(s.entries()); // [[1, 1], [2, 2], [3, 3]]

8. 遍历 Set

8.1. forEach形式
const s = new Set();
s.add(1).add(2).add(3);
s.forEach((value, key) => console.log(key + ' : ' + value));
// 1 : 1
// 2 : 2
// 3 : 3
8.2. for of 形式
const s = new Set();
s.add(1).add(2).add(3);
for (const i of s) {
	console.log(i);
}
// 1
// 2
// 3

9. Set 转换成数组

使用 Array.from 方法

let v = new Set([1,2,3,3,5])
let a = Array.from(v)
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中的set和get方法是用于定义对象的属性的访问器方法。它们允许我们对属性的读取和赋值进行控制和处理。 通过set方法,我们可以在给属性赋值时执行一些操作。例如,我们可以检查赋给属性的值是否符合特定的规则或范围。如果不符合规则,我们可以抛出一个异常或执行其他的处理逻辑。这种方式可以防止不合理的值被赋给属性。 通过get方法,我们可以在读取属性值时执行一些操作。这样,我们可以对属性的读取进行一些处理,例如计算或格式化。这些操作可以帮助我们从底层数据中提取所需的值。 下面是一个使用set和get方法的简单示例: ``` const obj = { _age: 0, set age(value) { if (value < 0) { throw new Error('年龄不能为负数'); } this._age = value; }, get age() { return this._age; } }; obj.age = 20; // 调用set方法 console.log(obj.age); // 调用get方法,输出20 obj.age = -10; // 调用set方法,抛出异常 ``` 在上面的示例中,我们定义了一个名为`age`的属性,使用了set和get方法。在set方法中,我们检查给属性赋值的值是否小于0。如果小于0,则抛出一个错误。在get方法中,我们直接返回`_age`的值。 总结一下,set和get方法可以让我们对属性的读取和赋值进行控制和处理。通过这种方式,我们可以确保属性的值符合我们的要求,同时还可以在属性的读取和赋值过程中执行一些其他操作。这样,我们可以更好地控制和管理对象的属性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值