ReactJS基于Haversine按排名获取多个周边邻近位置的方法

• 核心逻辑错误：移除已选最近点位的过滤条件写反。原代码用location.lat !== nearest.lat && location.lng !== nearest.lng作为保留条件，等价于「点位和最近点纬度不同 且 经度不同才会被留下」，所有和最近点同纬度/同经度的点位都会在第一次循环时被误删，直接导致后续循环没有可用点位，最终只能返回1个结果。
• 副作用风险：直接修改原始locations数组，会影响后续其他依赖原始点位数据的逻辑。
• 边界缺陷：如果存在多个经纬度完全重合的点位，原过滤逻辑会一次性把所有重合点位全部删除，导致结果遗漏。
• 性能冗余：循环5次全量遍历查找+全量过滤，点位量大时执行效率低。

直接给所有点位计算与当前位置的距离，按距离升序排序后截取前5位即可，逻辑简洁无冗余，也不会出现误删点位的问题。

// 如果你使用map-nearest-location包，先引入距离计算方法
const { getDistance } = require('map-nearest-location');

// 当前定位坐标
const myLocation = { lat: 你的当前纬度, lng: 你的当前经度 };
// 原始点位数组
const locations = [......];

// 为每个点位附加距离值
const locationsWithDistance = locations.map(location => ({
  ...location,
  distance: getDistance(myLocation, location)
}));

// 按距离从近到远排序
locationsWithDistance.sort((prev, next) => prev.distance - next.distance);

// 取前5个结果，点位总数不足5个时自动返回全部
const nearestTop5 = locationsWithDistance.slice(0, 5);

返回的nearestTop5数组就是按距离从近到远排序的Top5邻近点位，每个点位额外携带distance字段标识与当前位置的距离。

如果要保留原有循环查找最近点的写法，只需要修复点位移除逻辑即可：

var locations = [......]; // 你的位置数组
var nearestLocations = [];
// 拷贝一份待检测数组，避免修改原始数据
const pendingLocations = [...locations];

for (let step = 0; step < 5; step++) {
  if(pendingLocations.length == 0) break;
  // 获取最近位置
  let nearest = findNearestLocation(myLocation, pendingLocations);
  // 将最近位置加入结果数组
  nearestLocations.push(nearest);
  // 精准移除已选中的最近点位
  const nearestIndex = pendingLocations.findIndex(
    loc => loc.lat === nearest.lat && loc.lng === nearest.lng
  );
  if (nearestIndex > -1) {
    pendingLocations.splice(nearestIndex, 1);
  }
}

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