arrays - 使用 react js 合并并显示表中的对象数据数组

Question

我需要合并 array1 和 array2 ，显示在表格中

    array1= [ {id: 1,event:party, oldcity: Singapore}
              {id: 2, event:fest,oldcity:Paris }]
    array2= [ {id: 1,event:party, newcity: bombay}
              {id: 2, event:fest,newcity:madras }]
output of merge array
mergearray= [ {id: 1,event:party,oldcity: Singapore,newcity: bombay}
              {id: 2, event:fest,oldcity:Paris,newcity:madras }]

display mergearray in table
  id    event oldcity   newcity
  1     party singapore  bombay
  2     fest  paris      madras

如果我合并数组

 mergearray[{id: 1,event:party, oldcity: Singapore}
            {id: 2, event:fest,oldcity:Paris }
           {id: 1,event:party, newcity: bombay }
          {id: 2, event:fest,newcity:madras }]

但我期待是这样的

mergearray= [ {id: 1,event:party,oldcity: Singapore,newcity: bombay}
          {id: 2, event:fest,oldcity:Paris,newcity:madras }]

标签： arraysreactjsreact-nativereactstrapreact-modal

Answer 1

你如何合并数组？

const array1 = [{
  id: 1,
  event: 'party',
  oldcity: 'Singapore'
}, {
  id: 2,
  event: 'fest',
  oldcity: 'Paris'
}];
const array2 = [{
  id: 1,
  event: 'party',
  newcity: 'bombay'
}, {
  id: 2,
  event: 'fest',
  newcity: 'madras'
}];

// I would merge arrays this way
const mergedArray = [...array1, ...array2];

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