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