javascript - react : RestAPI JSON response : How to Parse

Question

作为 ReactJS 新手，我尝试解析 RestfulAPI JSON 响应，但是，我无法检索所有元素。在尝试访问 text.subjects.code 和 text.subjects.description 时，它返回 null。但是，我可以成功访问 text.id 和 text.name。

JSON 响应如下。

[
  {
    "id":95822,
    "name":"Alex",
    "subjects":[
      {
        "code": "101",
        "description": "Course 101"
      }
    ]
  }
]

请指教。

Answer 1

您可以通过多种方式进行迭代，而我总是喜欢使用 .forEach 和 .map 的几种方式

如果您需要新数组，请使用 .map。因为 map 返回一个新数组

  const dataArray = text.subjects.map(subject => {
      let obj = {};
      obj.code = subject.code;
      obj.description = subject.description;
      return obj;
 });

//dataArray 将包含所有对象

还有一种不同的方式做 map

   const dataArray = text.subjects.map(subject => (
       let obj = {};
      obj.code = subject.code;
      obj.description = subject.description;
      return obj;
  );

或者，如果您只想迭代数据，则使用 .forEach。 forEach 不返回数组

   let array = [];
   text.subjects.forEach(subject => (
      let obj = {};
      obj.code = subject.code;
      obj.description = subject.description;
      array.push(obj);
  ));