如何在 JavaScript 中合并两个不同的 object 数组？ 检查以下示例

Question

Input Arrays:

var array1 = [
  {
    PersonalID: '11',
    qusetionNumber: '1',
    value: 'Something'
  },
  {
    PersonalID: '12',
    qusetionNumber: '2',
    value: 'whatever'
  },
];

var array2 = [
  {
    uniqueId: '111'
  },
  {
    uniqueId: '222'
  },
];

Result:

var results = [
  {
    PersonalID: '11',
    qusetionNumber: '1',
    value: 'Something',
    uniqueId: '111'
  },
  {
    PersonalID: '12',
    qusetionNumber: '2',
    value: 'whatever',
    uniqueId: '222'
  },
];

Answer 1

There are a few ways to do this, perhaps this is acceptable? Simply looping over the first array and using the index to select the correct object from the second array.

 var array1 = [ { PersonalID: '11', qusetionNumber: '1', value: 'Something' }, { PersonalID: '12', qusetionNumber: '2', value: 'whatever' }, ]; var array2 = [ { uniqueId: '111' }, { uniqueId: '222' }, ]; var result = []; array1.forEach((itm, idx, _) => { result.push({...itm, ...array2[idx] }); }); console.log(result)

Answer 2

You can use Array.map() along with spread syntax (...) to merge the values from the two arrays.

 const array1 = [ { PersonalID: '11', qusetionNumber: '1', value: 'Something' }, { PersonalID: '12', qusetionNumber: '2', value: 'whatever' }, ]; const array2 = [ { uniqueId: '111' }, { uniqueId: '222' }, ]; const result = array1.map((el, idx) => ({...el, ...array2[idx]})); console.log('Result:', result)

 .as-console-wrapper { max-height: 100%;important; }

Answer 3

 var array1 = [ { PersonalID: '11', qusetionNumber: '1', value: 'Something' }, { PersonalID: '12', qusetionNumber: '2', value: 'whatever' }, ]; var array2 = [ { uniqueId: '111' }, { uniqueId: '222' }, ]; // if you don't want array1 to be modified use instead // Array.from(array1).map(function(e,i){return Object.assign(e,array2[i])}) array1.map(function(e,i){return Object.assign(e,array2[i])}) console.log(array1)

Answer 4

I can also use Object.assign

 var array1 = [{ PersonalID: '11', qusetionNumber: '1', value: 'Something' }, { PersonalID: '12', qusetionNumber: '2', value: 'whatever' }, ]; var array2 = [{ uniqueId: '111' }, { uniqueId: '222' }, ]; let myArr = [] for(let i = 0; i<array1.length; i++){ myArr.push(Object.assign(array1[i], array2[i])) } console.log(myArr)

Answer 5

 var array1 = [ { PersonalID: '11', qusetionNumber: '1', value: 'Something' }, { PersonalID: '12', qusetionNumber: '2', value: 'whatever' }, ]; var array2 = [ { uniqueId: '111' }, { uniqueId: '222' }, ]; const fun =(ar, ar2)=>{ for(let [k, v] of Object.entries(ar2)){ for(x in v){ ar[k][x] = v[x] } } return ar } console.log(fun(array1, array2))

Answer 6

You can also use the.map() like this

 var array1 = [ { PersonalID: '11', qusetionNumber: '1', value: 'Something' }, { PersonalID: '12', qusetionNumber: '2', value: 'whatever' }, ]; var array2 = [ { uniqueId: '111' }, { uniqueId: '222' }, ]; var result = array1.map((element, index) => ({ PersonalID:element.PersonalID, qusetionNumber:element.qusetionNumber, value:element.value, uniqueId:array2[index].uniqueId })); console.log(result);