Un-nesting JavaScript 中的物件陣列?


若要取消巢狀物件陣列,請使用 map() 的概念。我們假設物件陣列如下所示 −

const studentDetails = [
   {
      "studentId": 101,
      "studentName": "John",
      "subjectDetails": {
         "subjectName": "JavaScript"
      }
   },
   {
      "studentId": 102,
      "studentName": "David",
      "subjectDetails": {
         "subjectName": "MongoDB"
      }
   }
];

我們需取消巢狀 subjectName 並顯示結果。程式碼如下 −

例項

const studentDetails = [
   {
      "studentId": 101,
      "studentName": "John",
      "subjectDetails": {
         "subjectName": "JavaScript"
      }
   },
   {
      "studentId": 102,
      "studentName": "David",
      "subjectDetails": {
         "subjectName": "MongoDB"
      }
   }
];
const output = studentDetails.map(obj => ({ studentId: obj.studentId,
studentName: obj.studentName, subjectName:obj.subjectDetails.subjectName
}));
console.log(output);

若要執行上面的程式,你需要使用以下命令 −

node fileName.js.

輸出

此處,我的檔名是 demo92.js。這將產生以下輸出 −

PS C:\Users\Amit\JavaScript-code> node demo92.js
[
   { studentId: 101, studentName: 'John', subjectName: 'JavaScript' },
   { studentId: 102, studentName: 'David', subjectName: 'MongoDB' }
]

更新於: 2020-09-07

199 瀏覽

開始你的 職業

完成課程並獲得認證

開始
廣告
© . All rights reserved.