使用Mapbox GL JS统计GeoJSON要素属性出现次数并生成指定数组

没问题，我来给你捋捋怎么实现这个需求——不管你是在前端浏览器还是Node.js环境里处理，用JavaScript都能轻松搞定。下面是具体的步骤和代码示例：

其实逻辑很简单：先加载GeoJSON文件，然后遍历里面的features数组，把每个要素的目标属性值依次提取出来，塞进一个新数组里就行。如果是超大型文件，咱们还得考虑内存占用的问题，用流式处理更稳妥。

Node.js环境 #

如果你是在后端处理，用Node.js的文件系统模块就能直接读取：

const fs = require('fs');

// 替换成你的GeoJSON文件路径
const geoJsonPath = './your-large-features.geojson';
// 替换成你要统计的属性名，比如'type'
const targetProp = 'type';

// 读取并解析GeoJSON（同步方式，中等文件没问题）
const geoJson = JSON.parse(fs.readFileSync(geoJsonPath, 'utf8'));
const resultArray = [];

// 遍历每个要素，提取属性值
geoJson.features.forEach(feature => {
  // 可选：加个判断避免属性不存在时报错
  const propValue = feature.properties?.[targetProp];
  if (propValue) {
    resultArray.push(propValue);
  }
});

// 现在resultArray就是你要的格式啦
console.log(resultArray);

浏览器环境 #

如果是在前端页面里处理，用fetch加载文件就行：

// 替换成你的GeoJSON文件地址
fetch('./your-large-features.geojson')
  .then(res => res.json())
  .then(geoJson => {
    const targetProp = 'type';
    const resultArray = [];

    geoJson.features.forEach(feature => {
      const propValue = feature.properties?.[targetProp];
      if (propValue) {
        resultArray.push(propValue);
      }
    });

    // 这里可以用resultArray做后续操作
    console.log(resultArray);
  })
  .catch(err => console.error('加载GeoJSON失败:', err));

如果你的GeoJSON文件特别大（比如几百MB甚至GB级），一次性加载到内存会爆内存，这时候就得用流式解析。Node.js里可以用JSONStream模块来处理：

首先先安装依赖：

npm install jsonstream

然后写代码：

const fs = require('fs');
const JSONStream = require('jsonstream');

const targetProp = 'type';
const resultArray = [];

// 流式读取并解析features数组里的每个要素
fs.createReadStream('./your-huge-features.geojson')
  .pipe(JSONStream.parse('features.*'))
  .on('data', feature => {
    const propValue = feature.properties?.[targetProp];
    if (propValue) {
      resultArray.push(propValue);
    }
  })
  .on('end', () => {
    console.log('处理完成！结果数组:', resultArray);
  })
  .on('error', err => {
    console.error('流式处理出错:', err);
  });

这种方式会逐段读取文件，不会把整个GeoJSON加载到内存里，适合处理超大文件。

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