javascript set使用方法

JavaScript是一種動態語言，由於其靈活性，它與HTML和CSS一起，成為了Web開發中最基本的三個元素之一。在JavaScript中，set是一種非常常用的資料結構，可儲存任何類型的唯一值。接下來，我們將討論 JavaScript set的使用方法和功能。

一、建立Set

在JavaScript中，我們可以使用以下方式來建立Set：

const set = new Set();

這將會建立一個空Set。我們也可以將一個陣列轉換為set：

const arr = [1, 2, 3, 3, 4];
const set = new Set(arr); //这将创建一个唯一的值集合：{1, 2, 3, 4}

二、新增值

在Set中，我們使用add()方法加入唯一的元素。如果新增的元素在Set中已存在，則不會新增。

const set = new Set();
set.add("hello");
set.add("world");
console.log(set); //输出Set("hello", "world")

三、從Set中刪除值

從Set中刪除一個值，我們可以使用delete()方法。如果該值不存在，delete()方法也會傳回false。

const set = new Set();
set.add("hello");
set.add("world");
set.delete("world");
console.log(set); //输出 Set("hello")

我們也可以透過clear()方法清空整個Set：

const set = new Set();
set.add("hello");
set.add("world");
set.clear();
console.log(set); //输出 Set()

四、遍歷Set

在JavaScript中，我們可以使用for-of循環遍歷Set。由於Set中不允許重複值，因此for-of循環將自動跳過重複值。

1. const set = new Set([1, 2, 3]);
   for (const item of set) {
     console.log(item);
   }

   登入後複製
輸出結果為：

1
2
3

除了for-of循環，我們也可以使用forEach()方法來遍歷Set。這將遍歷set中的每個元素，並對其執行回調函數。

2. const set = new Set([1, 2, 3]);
   set.forEach((item) => {
     console.log(item);
   });

   登入後複製
五、Set的常用方法

在JavaScript中，Set有許多常用的方法，以下是一些常用的方法：

4. const set = new Set([1, 2, 3]);
   console.log(set.has(2)); //输出 true
   console.log(set.has(4)); //输出 false

   登入後複製

5. const set = new Set([1, 2, 3]);
   console.log(set.size); //输出 3

   登入後複製

const set = new Set([1, 2, 3]);
console.log(set.keys()); //输出 SetIterator {1, 2, 3}

1. const set = new Set([1, 2, 3]);
   console.log(set.values()); //输出 SetIterator {1, 2, 3}

   登入後複製

2. const set = new Set([1, 2, 3]);
   console.log(set.entries()); //输出 SetIterator { [1, 1], [2, 2], [3, 3] }

   登入後複製
六、Set與陣列之間的轉換

在JavaScript中，我們可以將Set轉換為陣列，也可以將陣列轉換為Set。以下是兩種轉換方式：

const set = new Set([1, 2, 3]);
const arr = Array.from(set);
console.log(arr); //输出 [1, 2, 3]

const arr = [1, 2, 3];
const set = new Set(arr);
console.log(set); //输出 Set(3) {1, 2, 3}

以上是javascript set使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！