<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>

在此示例中，toLowerCase() 函数用于将每个键从大写更改为小写，并将相关值分配给新对象。然后 for-in 循环遍历原始对象的键。

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() 方法构建新对象，尽管此方法效率较低，并且可能不适用于所有类型的对象。

以上就是如何从指定对象创建一个新对象，其中所有键在 JavaScript 中都是小写？的详细内容，更多请关注php中文网其它相关文章！