JavaScript中Set物件的介紹（附範例）

這篇文章帶給大家的內容是關於JavaScript中Set物件的介紹（附範例），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

一、建立Set物件實例

Set 物件允許你儲存任何類型的唯一值，無論是原始值或是物件參考

1.建構子

語法：new Set([iterable])
參數：
     iterable 如果傳遞一個可重複對象，它的所有元素將會被加入新的Set中；如果不指定此參數或其值為null，則新的Set為空

    let arr = [1,2,2,3];
    let mySet = new Set(arr);
    console.log(mySet); // Set(3) {1, 2, 3}

二、Set實例屬性

1.size屬性將會傳回Set對象中元素的個數

    let mySet = new Set();
    mySet.add(1);
    mySet.add(5);
    mySet.add("some text");
    console.log(mySet.size); // 3

三、Set實例方法

1.add() 方法用來在一個Set 物件的末尾加上一個指定的值

語法：mySet.add(value)

參數：value 必需，需要加入到Set 物件的元素的值

    let mySet = new Set();
    mySet.add(1);
    mySet.add(5).add("some text"); // 可以链式调用

    console.log(mySet); // Set [1, 5, "some text"]

2.delete() 方法可以從一個Set 對象中刪除指定的元素

語法：mySet.delete(value)

參數：value 將要刪除的元素

傳回值：成功刪除傳回true，否則傳回false

    let mySet = new Set();
    mySet.add("foo");
    mySet.delete("foo"); // 返回 true，删除成功
    console.log(mySet.size); // 0

3.clear() 方法用來清空一個Set 物件中的所有元素

語法：mySet.clear()

    let mySet = new Set();
    mySet.add(1);
    mySet.add("foo");
    console.log(mySet.size);       // 2

    mySet.clear();
    console.log(mySet.size);       // 0

4.has() 方法回傳一個布林值來指示對應的值value是否存在Set物件中

##語法：mySet.has(value)

參數：

        value 必須，是否存在於Set的值

傳回值：如果指定的值（value）存在於Set物件當中，傳回true; 否則傳回false

    let mySet = new Set();
    mySet.add("foo");

    console.log(mySet.has("foo"));  // true
    console.log(mySet.has("bar"));  // false

5.entries()

語法：mySet. entries()

返回值：一個新的包含[value, value] 形式的數組迭代器對象，value 是給定集合中的每個元素，迭代器對像元素的順序即集合對像中元素插入的順序

    let mySet = new Set();
    mySet.add("foobar");
    mySet.add(1);
    mySet.add("baz");

    let setIter = mySet.entries();

    console.log(setIter.next().value); // ["foobar", "foobar"]
    console.log(setIter.next().value); // [1, 1]
    console.log(setIter.next().value); // ["baz", "baz"]

6.values()

語法：mySet.values() 或mySet.keys()

回傳值：傳回一個Iterator  對象，這個對象以插入Set 物件的順序包含了原Set 物件裡的每個元素

    let mySet = new Set();
    mySet.add("foo");
    mySet.add("bar");
    mySet.add("baz");

    let setIter = mySet.values();
    console.log(setIter.next().value); // "foo"
    console.log(setIter.next().value); // "bar"
    console.log(setIter.next().value); // "baz"

7.forEach()

語法：mySet.forEach(callback[, thisArg])

參數：

        callback 每個元素都會執行的函數
        thisArg 當執行callback函數時候，可以當作this來使用

    let mySet = new Set(["foo","bar",undefined]);
    mySet.forEach((value1,value2,set) => {
        console.log("key =",value1,",value =",value2); // key = foo ,value = foo
    });

#

以上是JavaScript中Set物件的介紹（附範例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！