es6 set方法有哪些
时间:2022-02-11 16:07
es6 set方法可分为两大类:1、操作方法“add(value)”、“delete(value)”、“has(value)”、clear();2、遍历方法keys()、values()、entries()、forEach()。 本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。 ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 很多时候我们把Set叫做 集合,但是,Set可以是集合,集合不一定是Set。 特性:唯一性=>不重复=>能够对数据进行去重操作。 Set 本身是一个构造函数,调用构造函数用来生成 Set 数据结构。 例 Set 函数可以接受一个数组(或类似数组的对象)作为参数,用来进行数据初始化。 注:如果初始化时给的值有重复的,会自动去除。集合并没有字面量声明方式,只能用new关键字来声明。 常用的属性就一个:size--返回 Set 实例的成员总数。 Set 实例的方法分为两大类:操作方法(用于数据操作)和遍历方法(用于遍历数据)。 操作方法: add(value) 添加数据,并返回新的 Set 结构 delete(value) 删除数据,返回一个布尔值,表示是否删除成功 has(value) 查看是否存在某个数据,返回一个布尔值 clear() 清除所有数据,没有返回值 遍历方法: Set 提供了三个遍历器生成函数和一个遍历方法。 keys() 返回一个键名的遍历器 values() 返回一个键值的遍历器 entries() 返回一个键值对的遍历器 forEach() 使用回调函数遍历每个成员 【推荐学习:javascript高级教程】 以上就是es6 set方法有哪些的详细内容,更多请关注gxlsystem.com其它相关文章!创建Set
关键词 标识符 = new Set();
let i = new Set();
let i = new Set([1, 2, 3, 4, 4]); //会得到 set{1, 2, 3, 4,}
Set的属性
let s = new Set([1, 2, 3]);
console.log( s.size ); // 3
Set的方法
let set = new Set([1, 2, 3, 4, 4]);
// 添加数据 5
let addSet = set.add(5);
console.log(addSet); // Set(5) {1, 2, 3, 4, 5}
// 删除数据 4s
let delSet = set.delete(4);
console.log(delSet); // true 此处返回值是个boolean 表示 是否删除成功
// 查看是否存在数据 4
let hasSet = set.has(4);
console.log(hasSet); // false
// 清除所有数据
set.clear();
console.log(set); // Set(0) {}
let color = new Set(["red", "green", "blue"]);
for(let item of color.keys()){
console.log(item);
}
// red
// green
// blue
for(let item of color.values()){
console.log(item);
}
// red
// green
// blue
for(let item of color.entries()){
console.log(item);
}
// ["red", "red"]
// ["green", "green"]
// ["blue", "blue"]
color.forEach((item) => {
console.log(item)
})
// red
// green
// blue