在 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' }
]

相关文章

• 在 JavaScript 中验证数字是否为斐波那契数列
• 在 JavaScript 中检查有间隙数字
• 如何使用 JavaScript 重定向到另一个网页?
• 如何使用 HTML 和 JavaScript 创建速度转换器?
• 如何使用 HTML 和 JavaScript 创建长度转换器?
• 如何使用 HTML 和 JavaScript 创建温度转换器?
• 如何使用 HTML 和 JavaScript 创建权重转换器?
• 如何使用 JavaScript 创建和使用语法高亮器?
• 如何使用 JavaScript 来使用媒体查询?
• 如何使用 JavaScript 和 CSS 创建可拖动的 HTML 元素?

有用资源

• javascript 参考教程 - 该教程包含有关 javascript 的更多信息:https://www.cainiaomax.com/javascript/