JavaScript Set()用法及代碼示例

Javascript Set 構造函數用於創建 Set 對象。它將創建一組任何類型的唯一值，無論是原始值還是對象首選項。它返回新的 Set 對象。它主要幫助創建一組包含獨特元素的新對象。

用法:

new Set()
new Set(iterable)

Parameters: 此方法接受單個參數，如下所述：

• iterable: 如果傳遞一個對象，則所有值都將添加到新集合中。如果未指定該參數，則新集為空。

返回值：該方法返回一個新的 Set 對象。

示例 1：在此示例中，我們將了解如何創建新的 Set 對象。

const mySet = new Set(); 
  
mySet.add("California"); 
mySet.add("India"); 
mySet.add("Russia"); 
mySet.add(10); 
  
const myObject = { a: 1, b: 8 }; 
  
mySet.add(myObject); 
  
console.log(mySet);

輸出：

Set(5) { 'California', 'India', 'Russia', 10, { a: 1, b: 8 } }

示例 2：在此示例中，我們將看到 set 僅采用唯一值。

const mySet = new Set(); 
  
mySet.add("California"); 
mySet.add("India"); 
mySet.add("California"); 
mySet.add(10); 
mySet.add(10); 
  
const myObject = { a: 1, a: 5 }; 
  
mySet.add(myObject); 
  
console.log(mySet);

輸出：

Set(4) { 'California', 'India', 10, { a: 5 } }

在此示例中，我們添加了兩次 “California” 和 10，但它創建了一個具有唯一值的集合。

我們有 Javascript Set 方法的完整列表，要檢查這些方法，請閱讀這篇 Sets in JavaScript 文章。

支持的瀏覽器：

• chrome 38
• 邊 12
• 火狐13
• Opera 25
• 狩獵8