JavaScript中Set对象的介绍(附示例)

本篇文章给大家带来的内容是关于javascript中set对象的介绍(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

一、创建Set对象实例

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

1.构造函数

语法:new Set([iterable])
参数:
     iterable 如果传递一个可迭代对象,它的所有元素将被添加到新的 Set中;如果不指定此参数或其值为null,则新的 Set为空

    let arr = [1,2,2,3];    let mySet = new Set(arr);    console.log(mySet); // Set(3) {1, 2, 3}

登录后复制

二、Set实例属性

立即学习“Java免费学习笔记(深入)”;

1.size属性将会返回Set对象中元素的个数

    let mySet = new Set();    mySet.add(1);    mySet.add(5);    mySet.add("some text");    console.log(mySet.size); // 3

登录后复制

三、Set实例方法

1.add() 方法用来向一个 Set 对象的末尾添加一个指定的值

语法:mySet.add(value)

参数:value 必需,需要添加到 Set 对象的元素的值

    let mySet = new Set();    mySet.add(1);    mySet.add(5).add("some text"); // 可以链式调用    console.log(mySet); // Set [1, 5, "some text"]

登录后复制

2.delete() 方法可以从一个 Set 对象中删除指定的元素

语法:mySet.delete(value)

参数:value 将要删除的元素

返回值:成功删除返回 true,否则返回 false

    let mySet = new Set();    mySet.add("foo");    mySet.delete("foo"); // 返回 true,删除成功    console.log(mySet.size); // 0

登录后复制

3.clear() 方法用来清空一个 Set 对象中的所有元素

语法:mySet.clear()

    let mySet = new Set();    mySet.add(1);    mySet.add("foo");    console.log(mySet.size);       // 2    mySet.clear();    console.log(mySet.size);       // 0

登录后复制

4.has() 方法返回一个布尔值来指示对应的值value是否存在Set对象中

语法:mySet.has(value)

参数:

        value 必须,是否存在于Set的值

返回值:如果指定的值(value)存在于Set对象当中,返回true; 否则返回 false

    let mySet = new Set();    mySet.add("foo");    console.log(mySet.has("foo"));  // true    console.log(mySet.has("bar"));  // false

登录后复制

5.entries()

语法:mySet.entries()

返回值:一个新的包含 [value, value] 形式的数组迭代器对象,value 是给定集合中的每个元素,迭代器 对象元素的顺序即集合对象中元素插入的顺序

    let mySet = new Set();    mySet.add("foobar");    mySet.add(1);    mySet.add("baz");    let setIter = mySet.entries();    console.log(setIter.next().value); // ["foobar", "foobar"]    console.log(setIter.next().value); // [1, 1]    console.log(setIter.next().value); // ["baz", "baz"]

登录后复制

6.values()

语法:mySet.values() 或者 mySet.keys()

返回值:返回一个 Iterator  对象,这个对象以插入Set 对象的顺序包含了原 Set 对象里的每个元素

    let mySet = new Set();    mySet.add("foo");    mySet.add("bar");    mySet.add("baz");    let setIter = mySet.values();    console.log(setIter.next().value); // "foo"    console.log(setIter.next().value); // "bar"    console.log(setIter.next().value); // "baz"

登录后复制

7.forEach()

语法:mySet.forEach(callback[, thisArg])

参数:
        callback 每个元素都会执行的函数
        thisArg 当执行callback函数时候,可以当作this来使用

    let mySet = new Set(["foo","bar",undefined]);    mySet.forEach((value1,value2,set) => {        console.log("key =",value1,",value =",value2); // key = foo ,value = foo    });

登录后复制

以上就是JavaScript中Set对象的介绍(附示例)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2738829.html

(0)
上一篇 2025年3月8日 01:55:08
下一篇 2025年3月5日 15:47:56

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论