在 JavaScript 中使用 Set() 建立一個唯一的陣列。

在本文中，我們受 TypeDoc 程式碼參考的啟發，分析如何使用 JavaScript 中的新集合建立唯一陣列。

讓我們先透過一個範例來了解上圖中這個獨特的函數，然後我們將看看它在 TypeDoc 原始碼中的使用方式。

獨特功能

export function unique<T>(arr: Iterable<T> | undefined): T[] {
    return Array.from(new Set(arr));
}

函數選自 typedoc/src/lib/utils/array.ts。

Array.from 靜態方法從可迭代或類似陣列的物件建立一個新的淺複製 Array 實例。

Array.from() 可讓您從下列位置建立陣列：

• 可迭代物件（Map、Set等物件）；或者，如果物件不可迭代，

• 類似陣列的物件（具有長度屬性和索引元素的物件）。

如果您在瀏覽器的控制台中執行以下程式碼，您很快就會意識到 Set 會刪除重複的值。

new Set([1,2,3,1,2,5,4,3,])
// result: Set(5) {1, 2, 3, 5, 4}

結合這兩個概念，您現在可以使用 new Set() 建立一個唯一的數組，簡單又簡單。

TypeDoc如何使用獨特的功能

TypeDoc 將獨特的函數導入 L366 的 lib/application.ts 中。

此 Stackoverflow 答案中有類似的方法建議。

const unique = (list) => {
  return [...new Set(list)];
}

這是從 Stackoverflow 中挑選的，並使用展開運算子而不是 Array.from 方法。

關於我們：

在 Think Throo，我們的使命是教授開源專案中使用的高階程式碼庫架構概念。

透過在 Next.js/React 中練習高階架構概念，將您的編碼技能提高 10 倍，學習最佳實踐並建立生產級專案。

我們是開源的 — https://github.com/thinkthroo/thinkthroo （請給我們一顆星！）

我們也提供網頁開發和技術寫作服務。請透過hello@thinkthroo.com聯絡我們以了解更多資訊！

參考資料：

1. https://github.com/TypeStrong/typedoc/blob/master/src/lib/application.ts#L366

2. https://github.com/TypeStrong/typedoc/blob/master/src/lib/utils/array.ts#L98C8-L100C2

3. https://stackoverflow.com/questions/6940103/how-do-i-make-an-array-with-unique-elements-i-e-remove-duplicates

4. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from

以上是在 JavaScript 中使用 Set() 建立一個唯一的陣列。的詳細內容。更多資訊請關注PHP中文網其他相關文章！