首页前端开发JavaScriptes6 set方法有哪些

es6 set方法有哪些

时间2024-01-30 06:35:03发布访客分类JavaScript浏览361
导读:收集整理的这篇文章主要介绍了es6 set方法有哪些,觉得挺不错的,现在分享给大家,也给大家做个参考。es6 set方法可分为两大类:1、操作方法“add(value ”、“delete(value ”、“has(value ”、clear...
收集整理的这篇文章主要介绍了es6 set方法有哪些,觉得挺不错的,现在分享给大家,也给大家做个参考。

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 Set();
    

let i = new Set();
    

Set 函数可以接受一个数组(或类似数组的对象)作为参数,用来进行数据初始化。

let i = new Set([1, 2, 3, 4, 4]);
  //会得到  set{
1, 2, 3, 4,}
    

注:如果初始化时给的值有重复的,会自动去除。集合并没有字面量声明方式,只能用new关键字来声明。

Set的属性

常用的属性就一个:size--返回 Set 实例的成员总数。

let s = new Set([1, 2, 3]);
    console.LOG( s.size );
     // 3

Set的方法

Set 实例的方法分为两大类:操作方法(用于数据操作)和遍历方法(用于遍历数据)。

操作方法:

  • add(value)    添加数据,并返回新的 Set 结构

  • delete(value)   删除数据,返回一个布尔值,表示是否删除成功

  • has(value)    查看是否存在某个数据,返回一个布尔值

  • clear()      清除所有数据,没有返回值

let set = new Set([1, 2, 3, 4, 4]);
    // 添加数据 5let addSet = set.add(5);
    console.log(addSet);
 // Set(5) {
1, 2, 3, 4, 5}
    // 删除数据 4slet delSet = set.delete(4);
    console.log(delSet);
     // true 此处返回值是个boolean 表示 是否删除成功// 查看是否存在数据 4let hasSet = set.has(4);
    console.log(hasSet);
     // false// 清除所有数据set.clear();
    console.log(set);
 // Set(0) {
}
    

遍历方法:

Set 提供了三个遍历器生成函数和一个遍历方法。

  • keys()     返回一个键名的遍历器

  • values()    返回一个键值的遍历器

  • entries()    返回一个键值对的遍历器

  • forEach()   使用回调函数遍历每个成员

let color = new Set(["red", "green", "blue"]);
for(let ITem of color.keys()){
     console.log(item);
}
// red// green// bluefor(let item of color.values()){
     console.log(item);
}
// red// green// bluefor(let item of color.entries()){
     console.log(item);
}
    // ["red", "red"]// ["green", "green"]// ["blue", "blue"]color.forEach((item) =>
 {
 console.log(item)}
    )// red// green// blue

【推荐学习:javascript高级教程】

以上就是es6 set方法有哪些的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

ES6

若转载请注明出处: es6 set方法有哪些
本文地址: https://pptw.com/jishu/592167.html
SignalR简介及用法介绍 javascript replace怎么用

游客 回复需填写必要信息