简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

用js快速求三角形面積

藏色散人
發布： 2021-08-06 18:04:17
原創
5379 人瀏覽過

三角形面積的公式大家應該都知道吧，也就是面積等於二分之一乘以底乘以高，哈哈，忘了也沒關係，本文就給大家介紹如何用js計算三角形面積。

首先給大家簡單介紹下，三角形面積公式：

三角形面積公式是指使用算式計算出三角形的面積，同一平面內，且不在同一直線的三條線段首尾順次相接所組成的封閉圖形稱為三角形，符號為△。

如下圖：

用js快速求三角形面積

那麼在簡單了解三角形面積公式之後，我來給大家出一個問題：「請你寫一個JavaScript 函數來計算一個三角形的面積，其中三個邊的長度為4、5、6”。

不知道各位有沒有計算思路~

下面是我給的方法：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    var side1 = 4;
    var side2 = 5;
    var side3 = 6;
    var s = (side1 + side2 + side3)/2;
    var area =  Math.sqrt(s*((s-side1)*(s-side2)*(s-side3)));
    console.log(area);
</script>
</body>
</html>
登入後複製

計算結果是：

9.921567416492215
登入後複製

其實這就是一個數學題了！

不過還需要大家掌握一個知識點就是海倫公式，海倫公式又譯作希倫公式、海龍公式、希羅公式、海倫－秦九韶公式；它是利用三角形的三邊的邊長直接求三角形面積的公式；表達式為：S=√p(p-a)(p-b)(p-c)。

通俗解釋是：

知道三邊是a,b,c，這裡我們例子的邊長分別是4、5、6；

令p= (a b c)/2，也就是程式碼中的「(side1 side2 side3)/2」

面積就是S=√[p(p-a)(p-b)(p-c)]，就是「Math.sqrt(s*((s-side1)*(s-side2)*(s-side3)));」。

這裡需要大家了解一個函數，就是Math.sqrt()函數，該函數用於傳回一個數字的平方根；

→註：由於 sqrt 是 Math 的靜態方法，所以應該像這樣使用：Math.sqrt()，而不是作為你創建的 Math 實例的方法。

最後推薦給大家推薦《JavaScript基礎教學》~歡迎大家學習~

以上是用js快速求三角形面積的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
js
來源：php.cn
上一篇：用JavaScript繪製一個漸層圓圈對角線 下一篇：淺談Node.js中ES6導入語法的使用方法
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
在多個路由中聲明的workerpool是否仍然可以保持其cpu使用率而不關心閾值 我希望找到一個帶有workerpool的node.js系統來處理CPU密集型任務，但是對於多條路由中的cpu使用情況，我有點困惑。一個場景是這樣的：route1.js:constw...
來自於 2024-04-06 19:54:23
0
1
444
放大 d3.js 時散佈圖點不會保持值 這是我第一次使用d3.js，所以請耐心等待。我在vue.js檔案中將其作為純JavaScript實作。我正在嘗試製作具有縮放功能的散點圖。到目前為止，我幾乎一切正常，但當我縮放時，...
來自於 2024-04-06 18:16:26
0
1
403
顯示隱藏的側邊面板：選中 我希望在側面板中有一個導航選單，可以透過動畫漢堡選單切換到視圖。我想僅使用CSS創建它，而不使用任何JS。 :checked偽類似乎是可行的方法，但我無法讓它工作。到目前為止我擁有...
來自於 2024-04-06 15:49:33
0
1
319
我們是否應該使用 SSG 來部署使用 Nuxt.js 建立的儀表板？ 我們將使用Nuxt.js開發一個供內部使用的儀表板。由於這將是一個內部儀表板，因此不需要通用模式。一般大部分儀表板都是在SPA中開發的。但是SPA還需要伺服器將初始HTML和js套...
來自於 2024-04-06 13:17:44
0
1
493
Electron 在預先載入時取得 AppData 如何取得預先載入的AppData目錄？背景.js[...]asyncfunctioncreateWindow(){constwin=newBrowserWindow({width:...
來自於 2024-04-06 11:05:31
0
1
417
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！