处理 Json 数据并将其传递给对象以供进一步使用

Question

例如我有一些像下面这样的 JSON 数据（JSON 数据只是一个例子，我只是想给出一些假的、编造的和错误格式的 JSON 作为例子强>)

 cata :[{
       name:test1,
       data:['abc1, abc2'  , 'abc3,abc4']
      }
        name:test2,
       data:['abc5, abc6'  , 'abc7,abc8']
    }]

确实我需要将它渲染到前端，因此我创建了一个新对象并尝试将数据推送到其中

var name = "";
var key= [];
for(var i=0;i<2;i++){
    name .push(cata[i].name)
    key.push(cata[i].data.join(' + '));
}
var rehandle = {
     name : name,
     key : key
  }

以上只是我现在的做法，但没有提供想要的结果，我想知道如何恢复它，以便我可以更改格式

 ['abc5, abc6'  , 'abc7,abc8']

到

abc5+abc6 , abc7+abc8

问题的更新版本：

我想我最好一步一步解释：

1. 我有一些原始数据

2. 我在每组数据中都有一行“数据” （例如：数据：['abc1, abc2' , 'abc3,abc4']）

3. 我想将其格式更改为 abc1+abc2 , abc3+abc4 并将其存储到另一个变量中

4. 我会将变量 store abc1+abc2 , abc3+abc4 传递给一个对象

5.在表格中一张一张地渲染

更新 2 我已经看到@pill 的回答，我可以像

一样渲染数据吗

   for(var i=0;i<cata.length;i++){
                  var trythis = trythis + '<td>'+name[i]+'</td>' +                '<td>'+data[i]+'</td>'
                }

Answer 1

格式化您的数据

['abc5, abc6' , 'abc7,abc8']

到

abc5+abc6 , abc7+abc8

你只需要使用

data.map(k => k.split(/,\s*/).join('+')).join(' , ')

或 ES5 版本

data.map(function(k) {
    return k.split(/,\s*/).join('+');
}).join(' , ');

---

例如...

var cata = [{"name":"test1","data":["abc1, abc2","abc3,abc4"]},{"name":"test2","data":["abc5, abc6","abc7,abc8"]}];

var rehandle = cata.reduce(function(o, d) {
  o.name.push(d.name);
  o.key.push(d.data.map(function(k) {
    return k.split(/,\s*/).join('+');
  }).join(' , '));
  return o;
}, {
  name: [],
  key: []
});

console.log('rehandle:', rehandle);

请注意，我必须修复您的数据格式