React Native技术问题：API数据存列表及JSON长度获取异常

开发者阿泽

2026-5-19

问题1：如何将API返回的数据存入列表？

这个操作其实很直观，核心是看API返回的JSON结构，分两种常见情况处理：

如果API直接返回JSON数组（比如[{"id":1}, {"id":2}]），你只需要把解析后的响应数据直接赋值给列表变量就行。举个Python的例子：

import requests

# 发送API请求
api_response = requests.get("https://your-api-url.com/data")
# 解析JSON并存入列表
data_list = api_response.json()

前端JavaScript的写法类似：

fetch("https://your-api-url.com/data")
  .then(response => response.json())
  .then(dataList => {
    // dataList就是你要的列表，后续可直接使用
    console.log(dataList);
  });

如果API返回的是包含数组的JSON对象（比如{"results": [{"id":1}, {"id":2}]}），那你需要先提取对应键下的数组：

data_list = api_response.json()["results"]  # 取出results对应的数组存入列表

问题2：无法获取JSON数据长度，num_of_event始终为空的解决思路

这种情况大概率是请求流程或者数据结构出了问题，给你一步步排查的方向：

先确认API请求是否成功
先检查响应状态码，比如Python里打印print(api_response.status_code)，前端用console.log(response.status)。只有状态码为200（请求成功）时，返回的数据才是有效的。如果是4xx（比如404地址错误、403权限不足）或5xx（服务器错误），说明请求本身就失败了，自然拿不到数据。
打印完整返回数据，确认结构是否符合预期
很多时候是我们想当然认为返回的是数组，但实际是嵌套的对象。比如你以为直接data.length就能拿到长度，但实际返回的是{"events": [...]}，这时候直接取length肯定是undefined。所以先把完整的返回数据打印出来，看看数组到底在哪个键下面。

警惕异步请求的时序问题（前端常见）
如果你用的是JavaScript的fetch/axios这类异步请求，千万别在请求外面直接访问num_of_event！比如下面这种错误写法：

let num_of_event;
fetch("your-api-url")
  .then(res => res.json())
  .then(data => {
    num_of_event = data.events.length;
  });
console.log(num_of_event); // 这里会打印undefined，因为请求还没完成！

正确的做法是把处理逻辑放在回调里，或者用async/await：

async function createButtons() {
  const res = await fetch("your-api-url");
  const data = await res.json();
  const num_of_event = data.events.length;
  // 在这里根据num_of_event创建按钮
  for(let i=0; i<num_of_event; i++) {
    // 写创建按钮的逻辑
  }
}
createButtons();

检查变量作用域
比如你在某个函数内部定义了num_of_event，然后在函数外面尝试访问它，这时候变量会因为作用域问题无法被获取，看起来像是空的。要确保你在正确的作用域里访问变量。
确认数据类型是否为数组
如果返回的不是数组（比如单个对象、字符串），那length属性要么不存在，要么不是你要的数量。可以先用Array.isArray(data)（JS）或者isinstance(data, list)（Python）来判断数据类型，再做后续操作。

内容的提问来源于stack exchange，提问作者user7503333