Set数据结构 -- es6新增语法

最新推荐文章于 2024-11-04 14:24:17 发布

奇葩之小王子

最新推荐文章于 2024-11-04 14:24:17 发布

阅读量115

点赞数

文章标签： ES6 Set数据结构数组去重成员操作遍历方法

本文链接：https://blog.csdn.net/qq_52138438/article/details/115403247

版权

Set数据结构 – es6新增语法

<!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>
    <script>
        //它类似于数组，但成员的值都是唯一的，没有重复的值

        //Set本身是一个构造函数，用来生成Set数据结构

        //Set函数可以接受一个数组作为参数，用来初始化

        const s1 = new Set()
        console.log(s1.size);

        const s2 = new Set(['a','b'])
        console.log(s2.size);

        //利用Set 做数组去重
        const s3 = new Set(['a','a','b','b'])
        console.log(s3.size);
        const ary = [...s3]
        console.log(ary);

        //add方法
        const s4 =new Set()
        s4.add('a').add('b')
        console.log(s4);
        //delete方法 返回值为布尔类型
        s4.delete('a')
        console.log(s4);
        //has方法
        const r2 = s4.has('s')
        console.log(r2);
        //clear方法
        s4.clear()
        console.log(s4);

        //set遍历 可以用forEach方法
        const s5 = new Set(['a','b','c'])
        s5.forEach(value=>console.log(value))
    </script>
</body>
</html>