理解问题
我们经常在 JavaScript 应用程序中遇到复杂的数据结构。这些结构可以是深度嵌套的对象，使得直接操作或处理它们变得具有挑战性。一种常见的操作是展平这些对象，将它们转换为更简单的结构，其中所有属性都位于顶层。

在本博客中，我们将深入研究有效扁平化深度嵌套对象的 JavaScript 代码片段。我们将逐行分解代码，解释其逻辑和功能。

代码分解

let user = {
  name : 'Chiranjit',
  address : {
    personal : {
      city: 'Kolkata',
      state: 'West Bengal'
    },
    office : {
      city: 'Bengaluru',
      state: 'Karnataka',
      area: {
        landmark:'Waterside',
        post: 433101
      }
    }
  }
}
var finalObj = {} 

const flatObjFn = (obj, parent) => {
  for(let key in obj){
    if(typeof obj[key] === 'object'){
      flatObjFn(obj[key], parent '_' key)
    }else{
      finalObj[parent   '_'   key] = obj[key]
    }
  }
}

flatObjFn(user, 'user');
console.log(finalObj);

逐行解释

1. 创建嵌套对象：
   • 我们首先创建一个名为 user 的深层嵌套对象。它包含 属性，例如名称、地址以及其中进一步嵌套的对象 地址。

2. 初始化输出对象：

   • 创建一个空对象finalObj来存储扁平化结果。

3. 定义展平函数：

   • 定义了一个名为 flatObjFn 的函数，接受两个参数： a) obj：要展平的对象。 b) 父级：为了清晰起见，为属性名称添加前缀的字符串。

4. 遍历对象属性：

   • for...in 循环迭代输入对象 obj 的每个属性。

5. 处理嵌套对象：

   • 如果属性的值为对象，则 flatObjFn 函数为 递归调用该对象。父参数是 与当前属性名称连接以创建新的前缀 对于嵌套属性。

6. 处理原始值：

   • 如果属性的值不是对象（即原始值 像字符串或数字），它用一个键添加到 FinalObj 通过连接父级和当前属性名称形成。

7. 调用扁平化函数：

   • flatObjFn 被调用，用户对象作为输入，'user' 作为 初始父前缀。

8. 记录扁平对象：

   • 最终的展平对象使用打印到控制台 console.log(finalObj).

它是如何工作的？
flatObjFn 函数递归遍历对象，将嵌套结构分解为平面对象。父参数跟踪对象层次结构，允许函数在输出对象中创建有意义的属性名称。

让我们在 Twitter 或 LinkedIn 上联系