嘿伙計們，我從回應中獲取了一系列物件。我需要將所有學生物件扁平化為簡單的 studentName 但不確定如何。任何幫助將不勝感激。
示例陣列：
[
{
students: {id: '123456', name: 'Student Name'},
active: true
},
{
students: {id: '123456', name: 'Student Name'},
active: true
}
]
我正在嘗試做的事情：
[
{
studentName: 'Student Name',
active: true
},
{
studentName: 'Student Name',
active: true
}
]
uj5u.com熱心網友回復：
您可以使用以下方式創建并回傳一個新的結果陣列map：
const arr = [
{
students: { id: "123456", name: "Student Name" },
active: true,
},
{
students: { id: "123456", name: "Student Name" },
active: true,
},
];
const result = arr.map(({ students, ...rest }) => ({
...rest,
studentName: students.name,
}));
console.log(result);uj5u.com熱心網友回復：
[
{ students: {id: '123456', name: 'Student Name'}, active: true },
{ students: {id: '123456', name: 'Student Name'}, active: true }
].map(e => ({studentName: e.students.name, active: e.active}))
uj5u.com熱心網友回復：
您可以遍歷陣列并將每個專案的students屬性設定為該name屬性的students屬性：
const arr = [
{students: {id: '123456', name: 'Student Name'},active: true},
{students: {id: '123456', name: 'Student Name'},active: true}
]
arr.forEach(e => e.students = e.students.name)
console.log(arr)uj5u.com熱心網友回復：
map 遍歷資料并在每次迭代時回傳一個新物件。
const data=[{students:{id:"123456",name:"Student Name"},active:!0},{students:{id:"123456",name:"Student Name"},active:!0}];
const out = data.map(obj => {
// Destructure the name and active properties
// from the object
const { students: { name }, active } = obj;
// Return the new object
return { studentName: name, active };
});
console.log(out);uj5u.com熱心網友回復：
您可以使用該.map()方法以您需要的任何結構重建陣列中的物件。
const arr = [
{
students: {id: '123456', name: 'Student Name'},
active: true
},
{
students: {id: '123456', name: 'Student Name'},
active: true
}
];
function flatten(array) {
return arr.map(({ students, active }) => {
return {
studentName: students.name,
active,
};
});
}
console.log(flatten(arr));uj5u.com熱心網友回復：
嘗試這個
let student =[
{
students: {id: '123456', name: 'Student Name'},
active: true
},
{
students: {id: '123456', name: 'Student Name'},
active: true
}
];
console.log(student.map(x=> ({ studentName: x.students.name,active: x.active })));轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/360657.html
標籤：javascript 数组
下一篇：在分配之前使用變數“值”