JavaScript | 2点の座標から距離を計算・取得する方法

JavaScript,JavaScript 数値・計算

JavaScript

JavaScriptを使って2点の座標から距離を計算して取得する方法を紹介しています。

2点の座標から距離を計算する方法

2点の座標から距離を計算する方法の簡単なサンプルコードです。

let A = { x: 10, y: 10 };
let B = { x: 20, y: 20 };
let dist = Math.sqrt(Math.pow(A.x - B.x, 2) + Math.pow(A.y - B.y, 2));

console.log(dist);
// 14.142135623730951

利用しているJavaScript関数の処理内容は以下の通りです。

関数処理
Math.sqrt()指定した値の平方根を計算する
Math.pow()第一引数の値を第二引数の値で乗算する

2点間の距離の公式は以下の通りです。

(x2​−x1​)2+(y2​−y1​)2

要素の座標を取得する場合は以下のようにして取得する事が可能です。
HTML要素の位置はデフォルトの場合、左上の角となっています。

let rect = querySelector('#A').getBoundingClientRect();
let x = rect.top;
let y = rect.left;

JavaScript,JavaScript 数値・計算

Posted by Yousuke.U