如何将 JavaScript 对象压平为单深度对象？-js教程-PHP中文网

什么是扁平化？

如何展平对象？

扁平化的好处

易于访问属性

易于操作数据

易于序列化

扁平化的缺点

数据冗余

维护困难

结论

首页

web前端

js教程

如何将 JavaScript 对象压平为单深度对象？

Aug 24, 2023 am 10:29 AM

如何将 JavaScript 对象压平为单深度对象？

在 JavaScript 中，可以使用大括号 {} 创建对象。这称为对象字面量。对象字面量可以包含属性和方法。

什么是扁平化？

展平是将对象缩小为单深度对象的过程。换句话说，对象的所有属性和方法都包含在单个深度对象中。

如何展平对象？

有多种方法可以展平对象。

使用 for...in 循环

for...in 循环可用于迭代对象的属性。对于每个属性，我们可以将其添加到一个新对象中。

下面是使用 for...in 循环展平对象的代码片段。

&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
   &lt;title&gt;Example - flatten an object&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
   &lt;div id="result1"&gt;Original Object: &lt;/div&gt;
   &lt;div id="result2"&gt;Flatten Object: &lt;/div&gt;
   &lt;script&gt;
      var obj = {
         "a": 1,
         "b": 2,
         "c": {
            "d": 3,
            "e": 4
         }
      };
      var newObj = {};
      for (var key in obj) {
         if (typeof obj[key] === "object") {
            for (var subKey in obj[key]) {
               newObj[subKey] = obj[key][subKey];
            }
         } else {
            newObj[key] = obj[key];
         }
      }
      document.getElementById("result1").innerHTML += JSON.stringify(obj)
      document.getElementById("result2").innerHTML += JSON.stringify(newObj)
      console.log(newObj);   &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;