Javascript点缀对象键到对象

Question

如何将点键转换为 javascript 对象并保留其值？

所以我从一个 API 得到了这种响应，我需要通过 key 解析它：value。

{
  "property": "personal_info.address.city",
  "description": "Missing field"
},
{
  "property": "personal_info.address.country",
  "description": "Missing field"
},

所以我做到了：

{
    'personal_info.address.city': 'Missing field',
    'personal_info.address.country': 'Missing field'
}

// by using this code (lodash)

_.mapValues(_.keyBy(obj, 'property'), function(o) {
  return o.description;
})

但是，我需要它是这样的：

{
    personal_info: {
        address: {
            city: 'Missing field',
            country: 'Missing field',
        }
    }
}

我以某种方式在 stackoverflow 中搜索了如何将点符号字符串转换为对象： Convert string with dot notation to JSON

但由于我要更改密钥本身，所以我被卡住了。

编辑： 更改了测试城市和测试国家以反映描述字段（对不起）

Answer 1

您可以使用来自 lodash 的 _.set。

将值设置为path 的object。如果path 的一部分不存在，则会创建它。为缺少的索引属性创建数组，而为所有其他缺少的属性创建对象。使用_.setWith 自定义路径创建。

var array = [{ property: "personal_info.address.city", description: "Missing field" }, { property: "personal_info.address.country", description: "Missing field" }],
    object = array.reduce((o, { property, description }) => _.set(o, property, description), {});

console.log(object);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js"></script>

Answer 2

您可以使用forEach() 循环和内部reduce() 方法来获得这样的结果。

const data = [{"property": "personal_info.address.city","description": "Missing field"},{"property": "personal_info.address.country","description": "Missing field"}]

const result = {}
data.forEach(function(o) {
  o.property.split('.').reduce(function(r, e, i, arr) {
    return r[e] = (r[e] || (arr[i + 1] ? {} : o.description))
  }, result)
})

console.log(result)