資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究將集合轉換為物件 - JavaScript？
我們在本文中將要執行的任務是“將集合轉換為物件”。在深入研究文章之前，讓我們快速瞭解一下 JavaScript 中的集合和物件。
JavaScript 集合包含一組不同的值。在集合中，每個值只能出現一次。集合可以儲存任何資料型別的任何值。
JavaScript 中的物件是一個獨立的實體，具有屬性和型別。可以將其比作一個杯子。杯子是一個具有特徵的物品。杯子有設計、重量、顏色、材質等特徵。類似地，JavaScript 物件可以具有屬性來指定其屬性。
讓我們深入文章，瞭解更多關於在 JavaScript 中將集合轉換為物件的資訊。要將集合轉換為物件，請在 JavaScript 中使用Object.assign()。
JavaScript 中的 Object.assign()
Object.assign() 方法將所有可列舉自身屬性從一個或多個源物件複製到目標物件。它返回修改後的目標物件。
語法
以下是Object.assign() 的語法
Object.assign(target, ...sources)
讓我們考慮以下示例，以更深入地瞭解如何將集合轉換為物件。
示例
在以下示例中，我們使用Array.form 作為對映函式將集合中的值轉換為物件，然後使用帶有擴充套件語法的Object.assign() 將物件數組合併到單個結果中。
<!DOCTYPE html>
<html>
<body>
<p id="tutorial"></p>
<script>
const uom = new Set(['BMW', 'BENZ', 'AUDI', 'DUCATI']);
const res = Object.assign(...Array.from(uom, v => ({[v]:''})));
document.getElementById("tutorial").innerHTML=JSON.stringify(res);
</script>
</body>
</html>
當指令碼執行時，它將生成一個輸出，其中包含在網頁上列印的物件，這是由使用者執行指令碼時觸發的事件引起的。
示例
考慮以下示例，其中我們使用 Array.reduce 從集合中獲取元素並將其傳送到物件中。
<!DOCTYPE html>
<html>
<body>
<p id="tutorial"></p>
<script>
const tutorial = new Set(['RC', 'RX100', 'DUKE', 'VESPA']);
const getObjectFromSet = (set) => {
return [...set].reduce((x, y) => {x[y] = ""; return x; },{});
}
document.getElementById("tutorial").innerHTML=JSON.stringify(getObjectFromSet(tutorial));
</script>
</body>
</html>
執行以上指令碼後，輸出視窗將彈出，觸發事件並在網頁上顯示從上述指令碼中使用的集合獲得的物件。
示例
讓我們考慮另一個示例，其中我們使用 Object.fromEntries，它獲取集合中的所有鍵值對並以物件的格式返回它們。
<!DOCTYPE html>
<html>
<body>
<p id="tutorial"></p>
<script>
const tutorial = new Set(['Avatar', 'RRR', 'Bheem', 'Dheera']);
const getObjectFromSet = (set) => {
return Object.fromEntries(Array.from(set, (a) => [a, ""]));
}
document.getElementById("tutorial").innerHTML=JSON.stringify(getObjectFromSet(tutorial));
</script>
</body>
</html>
當指令碼執行時，它將生成一個輸出，其中包含在網頁上列印的物件，這是由事件觸發時集合轉換引起的。
2K+ 瀏覽量
