資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 JavaScript 中從指定的物件建立一個新物件，其中所有鍵都小寫？
在 JavaScript 中，有很多方法可以從舊物件建立新物件。建立一個與現有物件具有相同鍵但所有鍵都小寫的新物件是一個常見的用例。當處理來自多個具有不規則鍵大小寫的資料來源的資料時，這非常有用。在這篇博文中，我們將探討在 JavaScript 中建立具有小寫鍵的新物件的各種方法。
但是，在此之前，務必記住，雖然建立具有小寫鍵的新物件在處理來自各種資料來源的資料時可能很有幫助，但也要注意更改鍵大小寫可能帶來的後果。
例如，它可能會破壞當前期望鍵採用特定大小寫的程式碼，或者可能會干擾期望鍵採用特定大小寫的外部 API 或資料庫。在更改物件的鍵大小寫之前，務必對程式碼執行全面測試，並考慮用例的具體要求。
Object.assign()
可以使用內建 JavaScript 方法 Object.assign() 將一個或多個現有物件組合在一起建立一個新物件。它還可以用於更改物件的鍵大小寫，方法是建立一個具有與原始物件相同鍵但所有鍵都小寫的新物件。使用 Object.assign() 建立具有小寫鍵的新物件的的基本語法是：
示例
<html>
<body>
<div id="myDiv"></div>
<script>
var original = {name: "John", AGE: 25};
var lowercase = Object.assign({}, original);
document.getElementById("myDiv").innerHTML = JSON.stringify(lowercase);
</script>
</body>
</html>
在此示例中，Object.assign() 函式建立一個新物件，並賦予其原始物件的屬性。新物件中將存在與舊物件相同的鍵，但它們將是小寫。
您可以使用 Object.keys() 函式遍歷原始物件的鍵，並在將其傳遞給 Object.assign() 之前將其更改為小寫：
示例
<html>
<body>
<div id="myDiv"></div>
<script>
var original = { name: "John", AGE: 25 };
var lowercase = Object.assign(
{},
...Object.keys(original).map((k) => ({
[k.toLowerCase()]: original[k],
}))
);
document.getElementById("myDiv").innerHTML = JSON.stringify(lowercase);
</script>
</body>
</html>
這種方法使用 Object.keys() 方法獲取原始物件鍵的陣列。Array.map() 方法用於迭代鍵並建立一個具有相同鍵但小寫的新物件。然後使用擴充套件運算子將新物件傳遞給 Object.assign()。
for-in 迴圈
使用 for-in 迴圈迭代原始物件的鍵並建立一個具有相同鍵但小寫的新物件是建立具有小寫鍵的新物件的另一種方法。使用 for-in 迴圈建立具有小寫鍵的新物件的的基本語法是：
示例
<html>
<body>
<div id="myDiv"></div>
<script>
var original = { name: "John", AGE: 25 };
var lowercase = {};
for (var key in original) {
lowercase[key.toLowerCase()] = original[key];
}
document.getElementById("myDiv").innerHTML = JSON.stringify(lowercase);
</script>
</body>
</html>
在此示例中，for-in 迴圈迭代原始物件的鍵，toLowerCase() 函式用於將每個鍵從大寫更改為小寫，並將相應的值分配給新物件。
JSON.parse() 和 JSON.stringify()
使用 JSON.parse() 和 JSON.stringify() 方法是建立具有小寫鍵的新物件的第三種方法。使用這些方法建立具有小寫鍵的新物件的的基本語法是：
示例
<html>
<body>
<div id="myDiv"></div>
<script>
var original = { name: "John", AGE: 25 };
var lowercase = JSON.parse(JSON.stringify(original).toLowerCase());
document.getElementById("myDiv").innerHTML = JSON.stringify(lowercase);
</script>
</body>
</html>
在此示例中，JSON.stringify() 方法用於將原始物件轉換為 JSON 字串。然後，toLowerCase() 方法用於將 JSON 字串中的所有鍵轉換為小寫。
最後，JSON.parse() 方法用於將 JSON 字串轉換回 JavaScript 物件。使用這種方法，將建立一個具有與原始物件相同鍵但所有鍵都小寫的新物件。
這種方法需要將物件轉換為字串然後再轉換回來，這使得它的效率低於前兩種方法。它也只適用於簡單的物件；對於具有特殊屬性或方法的物件，它可能無法正常工作。
結論
在本文中，我們探討了在 JavaScript 中建立具有小寫鍵的新物件的各種方法。使用 Object.assign() 方法是建立與現有物件具有相同鍵但所有鍵都小寫的新物件的一種快速有效的方法。for-in 迴圈是另一種迭代物件鍵並建立具有相同鍵但小寫的新物件的選擇。雖然也可以使用 JSON.parse() 和 JSON.stringify() 方法建立具有小寫鍵的新物件，但這是一種效率較低的方法，並且可能不適用於所有型別的物件。
2K+ 次瀏覽
