資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會研究
服裝研究
法律研究如何使用 JavaScript 合併兩個不同的物件陣列？
假設，我們有兩個包含有關某些人回答的問題資訊的不同物件陣列 −
const arr1=[
{ PersonalID: '11', qusetionNumber: '1', value: 'Something' },
{ PersonalID: '12', qusetionNumber: '2', value: 'whatever' },
{ PersonalID: '13', qusetionNumber: '3', value: 'anything' },
{ PersonalID: '14', qusetionNumber: '4', value: 'null' }
];
const arr2=[
{ qusetionNumber: '2', chID: '111', cValue: 'red' },
{ qusetionNumber: '2', chID: '112', cValue: 'green'},
{ qusetionNumber: '2', chID: '113', cValue: 'blue' },
{qusetionNumber: '3', choiceID: '114', cValue: 'yellow'},
{qusetionNumber: '4', choiceID: '115', cValue: 'red'}
];我們需要編寫一個函式，根據唯一的人員對存在於兩個陣列中的這些資料進行分組，即，一個物件描繪每個唯一人員的問題和選擇。
因此，最終輸出應如下所示 −
const output = [{
personalID:11,
qusetionNumber:1,
value: 'Something'
},
{
personalID:12,
qusetionNumber:2,
value: 'whatever',
choice:[
{ qusetionNumber: '2', chID: '111', cValue: 'red' },
{ qusetionNumber: '2', chID: '112', cValue: 'green'},
{ qusetionNumber: '2', chID: '113', cValue: 'blue' }
]
},
{
personalID:13,
qusetionNumber:3,
value: 'anything',
choice:[
{ qusetionNumber: '3', chID: '114', cValue: 'yellow' }
]
},
{
personalID:14,
qusetionNumber:4,
value: 'null',
choice:[
{ qusetionNumber: '4', chID: '115', cValue: 'red' }
]
}];示例
程式碼如下 −
const arr1=[
{ PersonalID: '11', qusetionNumber: '1', value: 'Something' },
{ PersonalID: '12', qusetionNumber: '2', value: 'whatever' },
{ PersonalID: '13', qusetionNumber: '3', value: 'anything' },
{ PersonalID: '14', qusetionNumber: '4', value: 'null' }
];
const arr2=[
{ qusetionNumber: '2', chID: '111', cValue: 'red' },
{ qusetionNumber: '2', chID: '112', cValue: 'green'},
{ qusetionNumber: '2', chID: '113', cValue: 'blue' },
{qusetionNumber: '3', choiceID: '114', cValue: 'yellow'},
{qusetionNumber: '4', choiceID: '115', cValue: 'red'}
];
const mergeArray = (arr1 = [], arr2 = []) => {
let i = -1;
const copy = arr1.slice();
copy.forEach(obj => {
const helper = [];
arr2.forEach(obj2 => {
if(obj.qusetionNumber == obj2.qusetionNumber){
i++;
helper.push(arr2[i]);
};
})
if(helper.length !== 0){
obj.choice = helper;
};
})
return copy;
};
console.log(JSON.stringify(mergeArray(arr1, arr2), undefined, 4));輸出
控制檯中的輸出如下 −
[
{
"PersonalID": "11",
"qusetionNumber": "1",
"value": "Something"
},
{
"PersonalID": "12",
"qusetionNumber": "2",
"value": "whatever",
"choice": [
{
"qusetionNumber": "2",
"chID": "111",
"cValue": "red"
},
{
"qusetionNumber": "2",
"chID": "112",
"cValue": "green"
},
{
"qusetionNumber": "2",
"chID": "113",
"cValue": "blue"
}
]
},
{
"PersonalID": "13",
"qusetionNumber": "3",
"value": "anything",
"choice": [
{
"qusetionNumber": "3",
"choiceID": "114",
"cValue": "yellow"
}
]
},
{
"PersonalID": "14",
"qusetionNumber": "4",
"value": "null",
"choice": [
{
"qusetionNumber": "4",
"choiceID": "115",
"cValue": "red"
}
]
}
]
更新日期： 2020 年 11 月 23 日
441 次瀏覽
廣告