利用Array.prototype.map它可以將附加target對象傳遞給...，這里可以使用第二個數組，從中檢索相應的合并項。
合并是通過Object.assign將兩個數組項合并到一個新創建的對象中來完成的，以便不改變任一涉及數組的任何合并項......
const array1 = [{
? key: '5',
? value: '550',
}, {
? key: '6',
? value: '750',
}];
const array2 = [{
? type: 'Job',
? status: 'Finished',
? key : '5',
}, {
? type: 'Ticket',
? status: 'Processing',
? key : '6',
}];
function mergeWithSameIndexItemFromBoundArray(item, idx) {
? const boundArray = this;
? return Object.assign({}, item, boundArray[idx]);
}
console.log(
? 'merge result of array2 and array1 ...',
? array2.map(mergeWithSameIndexItemFromBoundArray, array1)
);
console.log(
? 'merge result of array1 and array2 ...',
? array1.map(mergeWithSameIndexItemFromBoundArray, array2)
);
.as-console-wrapper { min-height: 100%!important; top: 0; }
如果存在不匹配的商品訂單數組，可以基于上述方法向 提供額外的目標對象map。
這次不是第二個數組，而是它的一個變換；一個對象，它使用標識所有項目的屬性名稱將第二個數組的所有項目映射到它。對于OP的示例，該屬性名稱是key。
因此，需要編寫一個附加函數來完成此映射任務。下面的下一個示例選擇一種基于 的方法Array.prototype.reduce。
此外，必須重寫映射器函數，以便通過簡單地使用數組項的key屬性而不是之前的數組索引來利用之前創建的綁定映射...
const array1 = [{
? key: '5',
? value: '550',
}, {
? key: '7',
? value: '320',
}, {
? key: '6',
? value: '750',
}];
const array2 = [{
? type: 'Ticket',
? status: 'Processing',
? key : '6',
}, {
? type: 'Job',
? status: 'Finished',
? key : '5',
}, {
? type: 'Task',
? status: 'Pending',
? key : '7',
}];
function createKeyBasedItemMap(map, item) {
? map[item.key] = item;
? return map;
}
function mergeWithKeyBasedItemFromBoundMap(item) {
? return Object.assign({}, item, this[item.key]);
}
console.log(
? 'map-based merge of unordered array2 and array1 items ...',
? array2.map(
? ? mergeWithKeyBasedItemFromBoundMap,
? ? array1.reduce(createKeyBasedItemMap, {})
? )
);
console.log(
? 'map-based merge of unordered array1 and array2 items ...',
? array1.map(
? ? mergeWithKeyBasedItemFromBoundMap,
? ? array2.reduce(createKeyBasedItemMap, {})
? )
);
console.log('\n');
console.log(
? 'proof of concept ... the item-map based on array1 ...',
? array1.reduce(createKeyBasedItemMap, {})
);
console.log(
? 'proof of concept ... the item-map based on array2 ...',
? array2.reduce(createKeyBasedItemMap, {})
);
.as-console-wrapper { min-height: 100%!important; top: 0; }
