Javascript 新集

| | | | | | |

如何在 JavaScript 中使用集合

你有一個只應該包含唯一值的數據列表嗎?這就是 JavaScript Set 數據類型真正大放異彩的地方。它是一種新型對象,允許您創建唯一值的集合;集合中不允許重複。

在本指南中,我們將討論什麼是集合、它們的工作方式以及它們何時有用。我們將看到 JavaScript 中可用的每個 Set 方法的一些示例。

什麼是集合?

集合是不能包含重複項的值的集合。這種數據類型是在 ECMAScript 6 中引入的。特別是,集合是許多其他編程語言的特性。

列表很有用,因為它們允許您存儲多個值。列表支持存儲重複值,這在無數場景中都很有用。

例如,如果您要歸檔咖啡店訂單列表,則需要能夠存儲重複值.兩個客戶可以點同一種飲料。

在某些情況下,您可能只想在列表中存儲唯一值“Äã”。這是您要使用 Set 對象的地方。集合中的值只能出現一次。

在 JavaScript 中,集合的聲明方式與任何其他對像一樣。讓我們創建一個 Set 來存儲客戶在當地茶室報告的最喜歡的蛋糕列表:

我們的代碼返回:Set []。我們剛剛創建了一個集合。從我們的代碼輸出中可以看出,它目前沒有任何價值;我們稍後會添加它們。

考慮以下列表:

這些值,Äã,Äã當前存儲在數組中。要將它們轉換為 Set,我們可以在創建新的 Set 對象時傳遞我們的數組:

我們的代碼返回:

給集合加值

Ensembl 對象 e 帶有一個名為 add () 的方法,可以輕鬆添加項目s 到一組。用於將元素添加到集合的方法的名稱甚至很容易記住:add ()

假設我們要添加“波士頓奶油派” “我們在當地麵包店出售的蛋糕清單。我們使用 add() 方法添加這個值:

我們的代碼返回:

我們的集合現在包含四個對象。如果您嘗試添加已在集合中的對象,則不會添加該對象。集合不能存儲重複值。

檢查集合中是否存在值

我們需要檢查“波士頓奶油派”是否在我們的蛋糕列表中。這是蛋糕列表中的新內容,麵包師想要驗證我們是否添加了它。

這就是 has () 方法的用武之地。has () 方法允許您檢查 Set has 是否具有特定值。再一次,該方法有一個容易記住的名稱!

考慮以下代碼:

我們的代碼返回:truehas () 方法返回一個布爾值,true 或 false,取決於 Set 是否包含特定值。此方法類似於您將在數組上使用的 includes (),但 has () 僅適用於 Set。

從集合中刪除一個值

麵包師決定不再在麵包店供應草莓芝士蛋糕。草莓芝士蛋糕比其他蛋糕花費的時間更長,而且不是很受歡迎。

您可以使用適當的 delete () 方法從集合中刪除一個值。讓我們刪除我們集合中的“草莓芝士蛋糕”值:

我們的代碼返回:

草莓芝士蛋糕已從我們的套餐中移除。

您可以刪除所有值 ,Äã,Äãfrom使用 clear () 方法的集合。

迭代集合

集合和列表一樣,是可迭代的對象。您知道這意味著什麼 - 您可以瀏覽它們。

我們將使用 for-each 循環來循環遍歷我們的蛋糕集。我們的 for-each 循環將查看列表中的每個項目 - 對於列表中的每個項目 - 並將其輸出到控制台:

我們的代碼返回一個迭代器,它將我們的 Set 的每個值打印到控制台:

C`就是這麼簡單!for-of 循環:

此代碼返回與我們的 forEach 循環相同的輸出:

你可以選擇使用for循環來瀏覽一個set ble,但是因為sets是iterable或者ggetti,所以更容易使用 for-each 或 for-of 循環。

使用 Set 刪除重複值,Äã,Äã

當您使用數組初始化 Set 時,所有重複值,Äã,Äã 將被自動刪除。這是一個非常有用的功能。

假設我們有一個包含許多蛋糕訂單的列表:

這一套包含了麵包店的所有蛋糕訂單。總共有八個值;兩個值 ,Äã,Äã 重複。

假設麵包師想知道點了什麼類型的餡餅,這樣他就可以開始自己的廚房做飯了。我們可以通過將我們的 Set 轉換為列表:

我們的代碼返回:

我們的列表減少到六個值。這些都是我們的訂單列表中唯一的值。還剩一步。

我們需要將蛋糕組轉換回列表,以便我們可以使用標準列表與之交互方法。我們可以n 然後使用 Array.from () 方法執行此操作:

我們的代碼返回:

雖然這段代碼的輸出與我們的 Set 類似,但有有一個很大的不同:我們的數據現在存儲為一個數組。這意味著我們可以使用所有內置的 JavaScript 數組方法與它進行交互。

結論

Set 對象允許您存儲只能包含單個項目的列表有價值的物品。 Set 可以從現有的可迭代對象(例如列表或字符串)初始化。

由於 Set 對象會刪除重複值,因此您可以將其用作從數組中刪除重複值的一種方式。然後,完成後,您可以將 Set 轉換回表格。

您現在可以像專業人士一樣開始在 JavaScript 中使用 Sets!

Javascript 新集 __del__: Questions

Javascript 新集 __delete__: Questions

Shop

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Best laptop for Zoom

$499

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News

Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method