在JS中将对象数组减少为哈希图

Question

嗨，我正在尝试将JSON数据类型从一种格式转换为另一种格式：

  [ { name: 'CarNo', attributes: {}, children: [], content: '?' },
       { name: 'AccNo', attributes: {}, children: [], content: '?' },
     { name: 'SCS', attributes: {}, children: [], content: '?' }]

目标对象将基于name属性和content属性：

   {'CarNo': '?', 'AccNo': '?', 'SCS': '?' }

我当时以为我可以减少这种情况，但我失败了：

        const filteredResponseObj = Object.keys(rawResponseBodyObj).reduce((p,c)=>{
          if( c === 'name' ){
            p[c]=rawResponseBodyObj[c].content;
          }
          return p;
        },{});

我想念什么？ 显然我在减少方面存在一些问题...

Answer 1

您有正确的主意，但以下是操作方法：

const filteredResponseObj = rawResponseBodyObj.reduce(function(map, obj) {
    map[obj.name] = obj.content;
    return map;
}, {});

使用将对象数组转换为哈希图，按对象的属性值索引

Answer 2

您可以将Object.assign与扩展语法...和Array#map来生成对象。

 var array = [{ name: 'CarNo', attributes: {}, children: [], content: '?' }, { name: 'AccNo', attributes: {}, children: [], content: '?' }, { name: 'SCS', attributes: {}, children: [], content: '?' }], result = Object.assign(...array.map(o => ({ [o.name]: o.content }))); console.log(result); 

Answer 3

使用c === 'name'这行代码，您试图将初始数组中的对象与字符串name 。 这样的比较将永远给false

正确的方法应如下所示：

 var arr = [ { name: 'CarNo', attributes: {}, children: [], content: '?' }, { name: 'AccNo', attributes: {}, children: [], content: '?' }, { name: 'SCS', attributes: {}, children: [], content: '?' }], filtered = arr.reduce(function (r, o) { if (!r[o.name]) r[o.name] = o['content']; return r; }, {}); console.log(filtered);