在 JavaScript 中使用兩個不同的 object 創建一個新的數組對象

Question

我有兩個對象。 我正在嘗試這樣做：

var obj1 = {
 abc_name: "Jack", 
 abc_age: 24
}

var obj2 = {
 xyz_name: "Mike", 
 xyz_age: 22
}

預計 Output 如下：

var obj = [{
 fieldName: "Name", 
 abc_name: "Jack", 
 xyz_name: "Mike"
}, 
{
 fieldName: "Age", 
 abc_age: 24, 
 xyz_age: 22
}]

我正在嘗試使用嵌套的 for-in 循環。 但沒有得到預期的結果。 有更好的解決方案或想法嗎？ 提前致謝

Answer 1

實現此目的的一種方法是Array.prototype.map ：

 const obj1 = { abc_name: "Jack", abc_age: 24 } const obj2 = { xyz_name: "Mike", xyz_age: 22 } const obj = Object.entries(obj1).map(([k, v]) => { const [prefix1, fieldname1] = k.split('_'); const [prefix2] = Object.keys(obj2)[0].split('_'); return { fieldname: fieldname1[0].toUpperCase() + fieldname1.substring(1), [k]: v, [prefix2 + '_' + fieldname1]: obj2[prefix2 + '_' + fieldname1] } }); console.log(obj);

Answer 2

 var obj1 = { abc_name: "Jack", abc_age: 24 } var obj2 = { xyz_name: "Mike", xyz_age: 22 } let obj = [{ fieldName: "Name" }, { fieldName: "Age" }] Object.entries(obj1).forEach((property, index) => { obj[index][property[0]] = property[1] }) Object.entries(obj2).forEach((property, index) => { obj[index][property[0]] = property[1] }) console.log(obj)