ES6系列-2

ES6系列(2)

今天是set的基础用法哦~~~

<!DOCTYPE html>
<html>
<head>
<title>set</title>
<style type='text/css'>
</style>
</head>
<body>
    <script type="text/javascript">
        // =====================================================================
        // set和数组类似
        var set = new Set([1, 2, 2, 2, 3, 4]);
        console.log(set);
        // -------------------------------------------------------------
        // 扩展运算符...
        // 可以使set类型扩展为arry类型
        var arry = [...set];
        // -------------------------------------------------------------
        // set 和 arry 的遍历
        // console.log(arry);
        // for(let i of set){
        //     console.log(i);
        // }
        // for(let i of arry){
        //     console.log(i);
        // }
        // -------------------------------------------------------------
        // set.has() 是否含有某一个值
        // console.log(set.has(1));// true
        //添加元素
        // set.add(0);
        // console.log(set);// 1 2 3 4 0
        //删除元素
        // set.delete(3);
        // console.log(set);//1 2 4 0
        //set.size 长度
        // console.log(set.size);//4
        //set.clear()清除
        // set.clear();
        // console.log(set);//{}
        // -------------------------------------------------------------
        //返回键名
        // for(let item of set.keys()){
        //     console.log(item);//1 2 3 4
        // }
        //返回值
        // for(let item of set.values()){
        //     console.log(item);//1 2 3 4
        // }
        // for(let [key, item] of set.entries()){
        //     console.log(key, item);//1 1 2 2 3 3 4 4
        // }
        // set.forEach((item,key)=>console.log(item*2,key*2));//2 2 4 4 6 6 8 8
    </script>
</body>
</html>
发布了4 篇原创文章 · 获赞 3 · 访问量 268

猜你喜欢

转载自blog.csdn.net/weixin_44984664/article/details/104508687