JavaScript - js进阶 - Set集合对象

最新推荐文章于 2023-09-22 22:52:43 发布

Henry_ww

最新推荐文章于 2023-09-22 22:52:43 发布

阅读量399

点赞数

分类专栏： JavaScript 文章标签： javascript html5 html

本文链接：https://blog.csdn.net/Henry_ID/article/details/119972826

版权

JavaScript 专栏收录该内容

47 篇文章 2 订阅

订阅专栏

Set

永远不会有重复元素的对象

可以理解为不重复的数组

    const set = new Set([1, 5, 3, 4]);
    set.add(5);
    set.add(5);
    console.log(set);

Set对象转为数组

    const set = new Set([1, 5, 3, 4]);
    set.add(5);
    set.add(5);
    console.log(set);

    const arr = [...set];// 将set对象转数组
    console.log(arr);

Set集合对象

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Set集合对象</title>
    </head>
    <body></body>
    <script>
        // Set对象: 永不重复元素

        // 使用: new Set()
        const s = new Set();

        console.log(s);

        // 1. add() 添加元素
        s.add(1);
        s.add(2);
        s.add(3);
        s.add(3); // 元素重复: 不能放进去
        s.add("a");

        // 2. has() 判定是否存在: 存在返回true, 不存在false
        console.log(s.has(1)); // true
        console.log(s.has(10)); // false

        // 3. forEach() 遍历
        s.forEach(function (a1, a2, a3) {
            console.log(a1, a2, a3);
            // 第一个和第二个都是元素值, 第三个是整个集合对象
            // 因此: 一般集合的forEach只要1个即可
        });

        // 4. delete(指定元素) 删除
        s.delete("a");

        // 5. clear()   清除
        s.clear();

        // 体现价值: 数组去重
        let arr = "jeiworjiowehriohifushiuefhiweuh".split("");
        console.log(arr);

        const s1 = new Set(arr); // 变成集合: 自动去重
        console.log(s1);

        // 变回数组
        arr = [...s1]; // 打散
        console.log(arr);

        console.log([...new Set("jeiworjiowehriohifushiuefhiweuh".split(""))]);
        // 1. 字符串
        // 2. 字符串变成数组
        // 3. 数组放到集合中: 自动去重
        // 4. 打散放到[]数组中
    </script>
</html>

Henry_ww

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript - js进阶 - Set集合对象

Set永远不会有重复元素的对象可以理解为不重复的数组 const set = new Set([1, 5, 3, 4]); set.add(5); set.add(5); console.log(set);Set对象转为数组 const set = new Set([1, 5, 3, 4]); set.add(5); set.add(5); console.log(set); const arr = [...set];// 将
复制链接

扫一扫