扁平化嵌套对象

在 JavaScript 中，扁平化嵌套对象是一种将多层嵌套的对象结构转换为一维结构的操作。这种转换可以简化对象的处理和操作，使代码更具可读性和可维护性。

扁平化嵌套对象的实现

递归方法

以下是一个使用递归方法来扁平化嵌套对象的示例代码：

function flattenObject(obj, prefix = '') {
  let result = {};

  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      let propName = prefix ? prefix + '.' + key : key;

      if (typeof obj[key] === 'object' && !Array.isArray(obj[key])) {
        Object.assign(result, flattenObject(obj[key], propName));
      } else {
        result[propName] = obj[key];
      }
    }
  }

  return result;
}

该函数接受一个对象 (obj) 和一个可选的前缀 (prefix)。它遍历对象的每个属性，并根据属性的类型将其扁平化为一维结构。如果属性的值是一个嵌套对象，则递归调用 flattenObject 函数来处理该对象。

使用扩展运算符和递归方法

另一种常见的方法是使用扩展运算符和递归方法来扁平化嵌套对象。

function flattenObject(obj) {
  return Object.entries(obj).reduce((acc, [key, value]) => {
    if (typeof value === 'object' && !Array.isArray(value)) {
      const subObj = flattenObject(value);
      Object.entries(subObj).forEach(([subKey, subValue]) => {
        acc[`${key}.${subKey}`] = subValue;
      });
    } else {
      acc[key] = value;
    }
    return acc;
  }, {});
}

该函数使用 Object.entries 方法将对象转换为键值对数组，然后使用 reduce 方法遍历数组并根据键值对的类型将其扁平化。如果值是一个嵌套对象，则递归调用 flattenObject 函数处理嵌套对象的键值对，并将扁平化后的结果添加到结果对象中。

使用示例

以下是使用上述方法扁平化嵌套对象的示例：

const nestedObj = {
  foo: 1,
  bar: {
    baz: 2,
    qux: {
      quux: 3
    }
  }
};

const flattenedObj = flattenObject(nestedObj);

console.log(flattenedObj);

输出:

{
  foo: 1,
  'bar.baz': 2,
  'bar.qux.quux': 3
}

通过扁平化嵌套对象，我们能够快速访问和处理对象的属性，使代码更加简洁和易于维护。