如何限制从本地JSON文件获取的数据返回量？

假设你的data.json返回的是数组类型的数据（这是最常见的场景），可以通过数组的slice()方法直接截取指定数量的元素，修改后的代码如下：

fetch('data.json')
  .then((response) => response.json())
  .then((completedata) => {
    // 截取前5个元素，把5改成你需要的数量即可
    const limitedData = completedata.slice(0, 5);
    console.log(limitedData);
    let data = "";
    // 后续逻辑可以基于limitedData处理，而不是完整的completedata
  })
  .catch((error) => console.error('获取数据出错:', error));

关键说明： #

• slice(startIndex, endIndex)是数组方法，slice(0, N)会返回从索引0到N-1的元素，也就是前N条数据。
• 如果需要获取中间范围的元素（比如第3到第7条），可以写成slice(2, 7)（注意数组索引从0开始计数）。

如果你的data.json返回的是对象类型（键值对形式），需要先把对象转换为键值对数组，截取后再转回对象：

fetch('data.json')
  .then((response) => response.json())
  .then((completedata) => {
    // 截取对象的前3个键值对，修改3为目标数量
    const limitedEntries = Object.entries(completedata).slice(0, 3);
    const limitedData = Object.fromEntries(limitedEntries);
    console.log(limitedData);
  })
  .catch((error) => console.error('获取数据出错:', error));

额外修复： #

原代码末尾多了一个多余的)，会导致语法错误，修改后的代码已经去掉了这个错误。同时建议加上catch块处理请求失败的情况，避免出现无提示的报错。

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