首页 > web前端 > js教程 > 如何从指定对象创建一个新对象,其中所有键在 JavaScript 中都是小写?

如何从指定对象创建一个新对象,其中所有键在 JavaScript 中都是小写?

WBOY
发布: 2023-09-17 12:09:06
转载
526 人浏览过

如何从指定对象创建一个新对象,其中所有键在 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>
登录后复制

在此示例中,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中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板