資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物
數學
英語
經濟學
心理學
社會學
時尚學
法學使用 JavaScript 按鍵連線兩個物件
假設我們有兩個類似於以下示例中的子和父 JSON 陣列物件 -
const child = [{
id: 1,
name: 'somename',
parent: {
id: 2
},
},
{
id: 2,
name: 'some child name',
parent: {
id: 4
}
}];
const parent = [{
id: 1,
parentName: 'The first',
child: {}
},
{
id: 2,
parentName: 'The second',
child: {}
},
{
id: 3,
parentName: 'The third',
child: {}
},
{
id: 4,
parentName: 'The fourth',
child: {}
}];我們需要編寫一個 JavaScript 函式，該函式接受這兩個陣列。
並且我們的函式應該將子陣列物件合併到相應的父物件中。
因此，最終輸出應如下所示 -
const output = [
{
id: 1,
parentName: The first,
child: {}
},
{
id: 2,
parentName: The second,
child: {
id: 1,
name: somename,
}
},
{
id: 3,
parentName: The third,
child: {}
},
{
id: 4,
parentName: The fourth,
child: {
id: 2
name: some child name,
}
},
];示例
程式碼如下 -
const child = [{
id: 1,
name: 'somename',
parent: {
id: 2
},
},
{
id: 2,
name: 'some child name',
parent: {
id: 4
}
}];
const parent = [{
id: 1,
parentName: 'The first',
child: {}
},
{
id: 2,
parentName: 'The second',
child: {}
},
{
id: 3,
parentName: 'The third',
child: {}
},
{
id: 4,
parentName: 'The fourth',
child: {}
}];
const combineParentChild = (parent, child) => {
const combined = [];
for (let i = 0; i < parent.length; i++) {
for (let j = 0; j < child.length; j++) {
if (child[j].parent.id === parent[i].id) {
parent[i].child.id = child[j].id;
parent[i].child.name = child[j].name;
break;
};
};
combined.push(parent[i])
};
return combined;
};
console.log(combineParentChild(parent, child));輸出
控制檯中輸出為 -
[
{ id: 1, parentName: 'The first', child: {} },
{
id: 2,
parentName: 'The second',
child: { id: 1, name: 'somename' }
},
{ id: 3, parentName: 'The third', child: {} },
{
id: 4,
parentName: 'The fourth',
child: { id: 2, name: 'some child name' }
}
]
更新於： 2020 年 11 月 23 日
722 次瀏覽
廣告