這篇文章帶給大家的內容是關於JavaScript中Set物件的介紹（附範例），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
一、建立Set物件實例
Set 物件允許你儲存任何類型的唯一值，無論是原始值或是物件參考
語法：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"]語法：mySet.delete(value)
參數：value 將要刪除的元素
傳回值：成功刪除傳回true，否則傳回false
let mySet = new Set();
mySet.add("foo");
mySet.delete("foo"); // 返回 true，删除成功
console.log(mySet.size); // 0語法：mySet.clear()
let mySet = new Set();
mySet.add(1);
mySet.add("foo");
console.log(mySet.size); // 2
mySet.clear();
console.log(mySet.size); // 0 let mySet = new Set();
mySet.add("foo");
console.log(mySet.has("foo")); // true
console.log(mySet.has("bar")); // false 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"] 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" 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中文網其他相關文章！
