ES6基础知识（Set用法）

本文转载自查看原文 2019-02-16 09:47 847 ES6

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Set</title>
</head>
<body>
    <script>
        var st = new Set([1,2,3,3]);//新建Set数据
        console.log(st);//自动清除重复项    Set {1, 2, 3}

        let obj = {'abc':111};
        st.add(obj);//添加
        console.log(st);//Set {1, 2, 3, Object {abc: 111}}
        // st.delete(obj);//删除
        // console.log(st); //Set {1, 2, 3} 

        for(let o of st){//遍历
            console.log(o);//1,2,3,Object {abc: 111}
        }

        let keysItem = st.keys();//获得key值
        console.log(keysItem);//SetIterator {1, 2, 3, Object {abc: 111}}

        let valuesItem = st.values();//获得value值
        console.log(valuesItem);//SetIterator {1, 2, 3, Object {abc: 111}}

        let entriesItem = st.entries();//获得key和value数组结构数据
        console.log(entriesItem);//SetIterator {[1, 1], [2, 2], [3, 3], [Object, Object]}

        st.clear();//清空Set数据
        console.log(st);//Set {}

    </script>
</body>
</html>

备注：文中多数内容摘自阮一峰老师文章，仅供自我学习查阅。

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 ES6基础知识（Map用法） ES6 Set的用法（转）ES6中反撇号（`）基础知识 8、前端知识点--关于Set用法的详解【ES6】 es基础知识 ES基础知识 ES6 中的 set 用法 es6 new Set()用法 ES6基础之——get 与 set ES6基础之——new Set