如何将 JavaScript 对象扁平化为单深度对象?
在 JavaScript 中，可以使用花括号 {} 创建对象。这称为对象文字。对象文字可以包含属性和方法。
什么是扁平化?
扁平化是将对象简化为单深度对象的过程。换句话说，对象的所有属性和方法都包含在单深度对象中。
如何扁平化对象?
有多种方法可以扁平化对象。
使用 for...in 循环
for...in 循环可用于迭代对象的属性。对于每个属性，我们可以将其添加到新对象中。
以下是使用 for...in 循环扁平化对象的代码片段。
<!doctype html> <html> <head> <title>Example - flatten an object</title> </head> <body> <div id="result1">Original Object: </div> <div id="result2">Flatten Object: </div> <script> 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);
</script> </body> </html>
在上面的代码中，我们声明了一个名为 obj 的对象文字。然后我们声明了一个名为 newObj 的空对象文字。我们使用 for...in 循环来迭代 obj 的属性。对于每个属性，我们检查属性值是否为对象。如果属性值是对象，则我们再次使用 for...in 循环来迭代属性值的子属性。
对于每个子属性，我们将其添加到 newObj 对象，以子属性名称为键。如果属性值不是对象，则我们将属性添加到 newObj 对象，以属性名称为键。最后，我们将 newObj 记录到控制台。
扁平化的好处
扁平化对象有各种好处。其中一些是−
易于访问属性
当对象被扁平化时，所有属性和方法都包含在单个对象中。这使得访问属性和方法变得容易。
易于操作数据
当对象被扁平化时，数据包含在单个对象中。这使得操作数据变得容易。
易于序列化
当对象被扁平化时，它可以轻松序列化。序列化是将对象转换为可以存储或传输的格式的过程。
扁平化的缺点
扁平化对象有一些缺点。其中一些是 -
数据冗余
当对象被扁平化时，可能会出现数据冗余。数据冗余是指相同的数据存储在多个位置。
维护困难
当对象被扁平化时，维护起来会很困难。这是因为所有属性和方法都包含在一个对象中。
结论
总之，扁平化是将对象简化为单一深度对象的过程。扁平化对象的方法有很多种。扁平化对象的一些好处是易于访问属性、易于操作数据和易于序列化。扁平化对象也有一些缺点，例如数据冗余和维护困难。
