javascript - 如何访问http响应中的嵌套数组和对象

标签 javascript json angular angular8

我有一个包含对象和数组的嵌套数据结构。如何提取信息,即访问特定或多个值(或键)?

{
  "data": [
    {
      "id": 2,
      "addEmployee": {
        "firstName": "Devansh"
      },
      "attendances": [
        {
          "id": 3,
          "checkIn": "2020-02-18T04:36:45.000Z",
          "checkOut": "2020-02-18T11:46:16.000Z",
          "totalHours": "7:9",
          "date": "2020-02-18",
          "status": "present",
          "createdAt": "2020-02-18T04:36:45.000Z",
          "updatedAt": "2020-02-18T11:46:16.000Z",
          "userId": 2
        }
      ]
    }
  ]
}

我如何访问名字和出勤数组值

最佳答案

您必须将对象分配给变量,就像我在这里分配给 val 变量一样。 您可以按如下方式访问属性。 您可以在此处运行代码片段并查看输出

let val =  {
  "data": [
    {
      "id": 2,
      "addEmployee": {
        "firstName": "Devansh"
      },
      "attendances": [
        {
          "id": 3,
          "checkIn": "2020-02-18T04:36:45.000Z",
          "checkOut": "2020-02-18T11:46:16.000Z",
          "totalHours": "7:9",
          "date": "2020-02-18",
          "status": "present",
          "createdAt": "2020-02-18T04:36:45.000Z",
          "updatedAt": "2020-02-18T11:46:16.000Z",
          "userId": 2
        }
      ]
    }
  ]
}

val.data.forEach(eachData => { 
  console.log('Employee Name ---> ',eachData.addEmployee.firstName);
  eachData.attendances.forEach(atten => {
    console.log('attendance Object -->',atten);
  })
});

关于javascript - 如何访问http响应中的嵌套数组和对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60293818/

相关文章:

javascript - 进度条宽度不动态变化

javascript - 裁剪后的图像高度和宽度未固定为 160px

python - 使用 python 合并数据并删除许多 JSON 文件中的重复记录

javascript - 基于 OR 表达式的变量赋值简写

html - 如何隐藏移动媒体查询上的按钮并在点击时显示它们?

javascript - 'react-router-dom' 的链接不起作用?

javascript - 使用javascript替换文本区域中句子中的多个单词

javascript - 如何在 JavaScript 中使用键值作为变量名?

json - JSON 的 xpath 与 XML 不同

javascript - 有人可以解释以下示例中 ...spread 运算符的使用吗?