如何在JavaScript中创建函数处理任意数量坐标的归一化与格式化

核心错误分析 #

你的代码存在三个关键问题，直接导致了报错和功能失效：

1. 参数传递错误：调用formatCoords时，你在normalizeCoord内用逗号分隔多个字符串，这是JavaScript逗号运算符的误用——它只会返回最后一个值"300,-9000"，且无需提前调用normalizeCoord，应直接把所有坐标传给formatCoords。
2. 循环逻辑错误：formatCoords的循环里，你把整个coords数组传给normalizeCoord，而非单个坐标项coords[i]，且未将归一化结果存回数组。
3. 归一化函数内部问题：变量result未提前声明（会变成全局变量）；第二个校验错误抛出了"Invalid latitude"，实际应为"Invalid longitude"。

修正后的完整代码 #

修正坐标归一化函数

function normalizeCoord(value) {
  let noBrackets = value.replace(/[\[\]]+/g, "").replace(/ +/g, "");
  let splitValue = noBrackets.split(",");
  let lat1 = splitValue[0];
  let long1 = splitValue[1];
  let lat2 = splitValue[1];
  let long2 = splitValue[0];
  let result1 = `(${lat1}, ${long1})`;
  let result2 = `(${lat2}, ${long2})`;

  // 声明result变量，避免全局污染
  let result;
  if (result1.charAt(0) === "-" || result2.charAt(0) === "-") {
    result = result2;
  } else {
    result = result1;
  }

  let latInt1 = parseInt(lat1, 10);
  let latInt2 = parseInt(lat2, 10);
  let longInt1 = parseInt(long1, 10);
  let longInt2 = parseInt(long2, 10);

  if (latInt1 < -90 || latInt1 > 90 || latInt2 < -90 || latInt2 > 90) {
    throw new Error("Invalid latitude");
  }

  // 修正错误提示为经度校验
  if (longInt1 < -180 || longInt1 > 180 || longInt2 < -180 || longInt2 > 180) {
    throw new Error("Invalid longitude");
  }

  return result;
}

修正批量处理函数

function formatCoords(...values) {
  // 用map遍历并返回所有归一化后的坐标，替代手动循环
  return values.map(coord => normalizeCoord(coord));
}

// 正确调用：直接传入所有坐标字符串
console.log(
  formatCoords(
    "42.9755,-77.4369", 
    "[-62.1234, 42.9755]", 
    "300,-9000"
  )
);

额外优化：容错处理 #

如果想跳过无效坐标、避免批量处理中断，可以在formatCoords中添加错误捕获：

function formatCoords(...values) {
  return values.map(coord => {
    try {
      return normalizeCoord(coord);
    } catch (err) {
      console.error(`处理坐标${coord}时出错：${err.message}`);
      return null; // 可替换为自定义占位值
    }
  });
}

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