展平嵌套的 JSON 对象 - JavaScript

在处理 JSON 数据时，有时候我们需要将嵌套的 JSON 对象转换为扁平的对象，以便更轻松地进行处理。下面是一个演示如何使用 JavaScript 将嵌套的 JSON 对象展平的例子。

展示示例

假设我们有一个嵌套的 JSON 对象如下：

{
  "foo": {
    "bar": {
      "baz": "value"
    }
  },
  "hello": {
    "world": "value"
  }
}

我们希望将其展平为以下扁平对象：

{
  "foo.bar.baz": "value",
  "hello.world": "value"
}

代码示例

下面是一个以 JavaScript 实现将嵌套的 JSON 对象展平的代码片段。

function flattenObject(obj, prefix = '') {
  return Object.keys(obj).reduce((acc, k) => {
    const pre = prefix.length ? prefix + '.' : ''
    if (typeof obj[k] === 'object') Object.assign(acc, flattenObject(obj[k], pre + k))
    else acc[pre + k] = obj[k]
    return acc
  }, {})
}

// 使用示例
const nestedObject = {
  "foo": {
    "bar": {
      "baz": "value"
    }
  },
  "hello": {
    "world": "value"
  }
}

const flattened = flattenObject(nestedObject)
console.log(flattened)

代码解析

展平嵌套的 JSON 对象的处理逻辑类似于树形结构的遍历，我们可以使用递归来实现这一过程。具体地，我们定义了一个 flattenObject 函数，它维护一个对象 acc 用于存储展平后的结果。首先我们在每一层递归中遍历 obj 的键值，如果当前值是一个对象，则递归调用自身，并传入当前键值作为前缀。否则，我们将当前值存储在 acc 中，并加入前缀（如果有）。

最终返回 acc 就是展平后的结果。

总结

本文给出了一个使用 JavaScript 将嵌套的 JSON 对象展平为扁平对象的实现示例，希望对读者有所帮助。对于处理 JSON 数据，我们还可以使用许多其他的技术和工具，需要根据具体情况来选择。