JavaScript 中极坐标与笛卡尔坐标的双向无损转换教程-js教程-PHP中文网

JavaScript 中极坐标与笛卡尔坐标的双向无损转换教程

本文详解如何在 javascript 中实现极坐标（半径 + 弧度角）与笛卡尔坐标（x, y）之间的精确、可逆转换，避免因角度单位混淆（如误将度数当弧度）导致的数值偏差，确保两次往返转换后数据完全一致。

本文详解如何在 javascript 中实现极坐标（半径 + 弧度角）与笛卡尔坐标（x, y）之间的精确、可逆转换，避免因角度单位混淆（如误将度数当弧度）导致的数值偏差，确保两次往返转换后数据完全一致。

在几何计算与图形编程中，极坐标（Polar）与笛卡尔坐标（Cartesian）的相互转换是基础且高频的需求。但一个常见陷阱是：JavaScript 的三角函数（Math.cos、Math.sin、Math.atan2）均以弧度为单位，而非角度。若初始化时直接将“279 度”赋值给 angle 字段却未转为弧度，后续所有计算都会出错，导致往返转换（Polar → Cartesian → Polar）无法还原原始值。

下面是一套健壮、清晰、可验证的双类实现方案，核心原则是：

OpenJDK 24

下载

✅ 内部统一使用弧度（radians）进行数学运算；
✅ 提供 .angleDegrees 存取器（getter/setter）实现用户友好的角度交互；
✅ 构造函数支持灵活初始化（可传弧度或度数）；
✅ 确保 polar.ToCartesian().ToPolar() 严格等价于原始 polar（浮点误差范围内）。

完整可运行代码

class CartesianCoord {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }

  ToPolarCoord() {
    return new PolarCoord(
      Math.sqrt(this.x * this.x + this.y * this.y), // r
      Math.atan2(this.y, this.x)                     // θ (in radians)
    );
  }

  toString() {
    return `Cartesian(${this.x.toFixed(6)}, ${this.y.toFixed(6)})`;
  }
}

class PolarCoord {
  constructor(r, theta, thetaDegrees) {
    this.r = r;
    if (thetaDegrees !== undefined) {
      // 优先使用度数初始化（自动转弧度）
      this.theta = (thetaDegrees * Math.PI) / 180;
    } else {
      // 直接传入弧度
      this.theta = theta ?? 0;
    }
  }

  set thetaDegrees(value) {
    this.theta = (value * Math.PI) / 180;
  }

  get thetaDegrees() {
    return (this.theta * 180) / Math.PI;
  }

  ToCartesianCoord() {
    return new CartesianCoord(
      this.r * Math.cos(this.theta),
      this.r * Math.sin(this.theta)
    );
  }

  toString() {
    return `Polar(r=${this.r.toFixed(6)}, θ=${this.theta.toFixed(6)} rad / ${this.thetaDegrees.toFixed(6)}°)`;
  }
}

使用示例与验证

// 初始化：指定半径=18，角度=279°（自动转为弧度）
const polar = new PolarCoord(18, undefined, 279);
console.log(polar); 
// → Polar(r=18.000000, θ=-1.692970 rad / 279.000000°)

const cart = polar.ToCartesianCoord();
console.log(cart); 
// → Cartesian(-2.805034, -17.779279)

const polar2 = cart.ToPolarCoord();
console.log(polar2);
// → Polar(r=18.000000, θ=-1.692970 rad / 279.000000°)

// 验证往返一致性（考虑浮点精度）
console.assert(
  Math.abs(polar.r - polar2.r) <h3>关键注意事项</h3>