从NetCDF文件读取数据仅获首个值，如何获取全部数据？

问题出在response.body.getReader().read()这一步——这个方法只能读取响应数据流的第一个数据块，当你的NetCDF文件体积较大时，这显然无法获取完整的文件内容，导致NetCDFReader只能解析出部分数据。

修正方案（推荐简洁写法） #

直接使用response.arrayBuffer()获取完整的二进制响应内容，无需手动处理数据流块：

import { NetCDFReader } from "netcdfjs";

fetch(
  "http://localhost:8000/test/example_files/synthetic_square/dzdata_files/0/0_0.nc",
  { method: "GET" },
)
  .then((response) => response.arrayBuffer()) // 一次性获取完整文件的二进制数据
  .then((buffer) => {
    let netcdfReader = new NetCDFReader(new Uint8Array(buffer));
    let heights = netcdfReader.getDataVariable("heights");
    let allHeights = new Float64Array(heights);

    console.log(heights);
    console.log(allHeights);
  });

关键说明

• response.arrayBuffer()会自动读取整个响应的二进制内容，返回包含完整文件数据的ArrayBuffer。
• NetCDFReader的构造函数需要Uint8Array类型参数，因此需要将ArrayBuffer转换为Uint8Array后传入。

备选方案（手动处理超大文件数据流） #

如果需要处理超大文件，避免一次性加载全部内容到内存，可以手动循环读取所有数据流块并拼接：

import { NetCDFReader } from "netcdfjs";

// 浏览器环境下的Uint8Array拼接工具函数
function concatUint8Arrays(arrays) {
  const totalLength = arrays.reduce((sum, arr) => sum + arr.length, 0);
  const result = new Uint8Array(totalLength);
  let offset = 0;
  for (const arr of arrays) {
    result.set(arr, offset);
    offset += arr.length;
  }
  return result;
}

async function readFullStream(reader) {
  const chunks = [];
  let result;
  do {
    result = await reader.read();
    if (result.value) chunks.push(result.value);
  } while (!result.done);
  return concatUint8Arrays(chunks);
}

fetch(
  "http://localhost:8000/test/example_files/synthetic_square/dzdata_files/0/0_0.nc",
  { method: "GET" },
)
  .then((response) => response.body.getReader())
  .then(readFullStream)
  .then((data) => {
    let netcdfReader = new NetCDFReader(data);
    let heights = netcdfReader.getDataVariable("heights");
    let allHeights = new Float64Array(heights);

    console.log(heights);
    console.log(allHeights);
  });

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