返回顶部
首页 > 资讯 > 前端开发 > JavaScript >怎么用js快速求出三角形面积
  • 657
分享到

怎么用js快速求出三角形面积

2024-04-02 19:04:59 657人浏览 安东尼
摘要

这篇文章主要讲解了“怎么用js快速求出三角形面积”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用js快速求出三角形面积”吧!

这篇文章主要讲解了“怎么用js快速求出三角形面积”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用js快速求出三角形面积”吧!

三角形面积的公式大家应该都知道吧,也就是面积等于二分之一乘以底乘以高,哈哈,忘了也没关系,本文就给大家介绍如何用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 实例的方法。

感谢各位的阅读,以上就是“怎么用js快速求出三角形面积”的内容了,经过本文的学习后,相信大家对怎么用js快速求出三角形面积这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

--结束END--

本文标题: 怎么用js快速求出三角形面积

本文链接: https://lsjlt.com/news/77052.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 怎么用js快速求出三角形面积
    这篇文章主要讲解了“怎么用js快速求出三角形面积”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用js快速求出三角形面积”吧! ...
    99+
    2024-04-02
  • 怎么用python求三角形面积
    可以使用海伦公式来求解三角形的面积。假设三角形的三边长度分别为a、b、c,则三角形的半周长s可以计算为s=(a+b+c)/2。根据海...
    99+
    2023-10-07
    python
  • php怎么求三角形面积
    使用以下公式来计算三角形的面积:面积 = 底边长度 * 高 / 2假设有三个变量 $base,$height 和 $area,其中 ...
    99+
    2023-08-29
    php
  • php怎么计算三角形的面积
    要计算三角形的面积,可以使用海伦公式或正弦定理。下面给出两种方法的伪代码示例:使用海伦公式:```// 输入三角形的三边长度 a, ...
    99+
    2023-08-29
    php
  • javascript怎么求图形的面积
    这篇文章主要讲解了“javascript怎么求图形的面积”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript怎么求图形的面积”吧! ...
    99+
    2024-04-02
  • python怎么求解三角形第三边长
    这篇文章主要介绍“python怎么求解三角形第三边长”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“python怎么求解三角形第三边长”文章能帮助大家解决问题。求解三角形第三边长import ...
    99+
    2023-06-30
  • 怎么用css实现直接画出三角形以及对话形式的三角形
    这篇文章主要为大家展示了“怎么用css实现直接画出三角形以及对话形式的三角形”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“怎么用css实现直接画出三角形以及对话...
    99+
    2024-04-02
  • 怎么用html5画出简单的矩形三角形
    这篇文章主要介绍“怎么用html5画出简单的矩形三角形”,在日常操作中,相信很多人在怎么用html5画出简单的矩形三角形问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用h...
    99+
    2024-04-02
  • python怎么输出等腰三角形
    要输出等腰三角形,可以使用嵌套循环来实现。以下是一个使用Python编写的例子:```pythonrows = int(input(...
    99+
    2023-08-31
    python
  • 使用javascript怎么输出一个三角形
    使用javascript怎么输出一个三角形?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。javascript输出三角形的方法:首先编写一个静态的canvas容器...
    99+
    2023-06-14
  • 怎么用Java实现输出三角形数字
    这篇文章主要介绍“怎么用Java实现输出三角形数字”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么用Java实现输出三角形数字”文章能帮助大家解决问题。题目:给定一个如下图所示的数字三角形,从顶部...
    99+
    2023-06-26
  • 怎么用python输出星号等腰三角形
    可以使用循环语句来输出星号等腰三角形。以下是一个使用Python编写的例子: rows = int(input("请输入行数: ")...
    99+
    2023-10-23
    python
  • php怎么求矩形的周长和面积
    要求一个矩形的周长和面积,需要知道矩形的边长。首先,假设矩形的长为L,宽为W。矩形的周长可以通过将长和宽相加,并将结果乘以2来计算:...
    99+
    2023-08-29
    php
  • c语言怎么输出星号倒直角三角形
    要输出星号倒直角三角形,可以使用嵌套循环来实现。以下是一个示例代码:```c#include int main() {int row...
    99+
    2023-09-28
    c语言
  • 怎么用CSS3画圆形、椭圆形、三角形
    这篇文章主要讲解了“怎么用CSS3画圆形、椭圆形、三角形”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用CSS3画圆形、椭圆形、三角形”吧! CSS3...
    99+
    2024-04-02
  • 怎么用CSS绘制三角形
    本篇内容介绍了“怎么用CSS绘制三角形”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!使用 border 绘...
    99+
    2024-04-02
  • 使用Java怎么打印三角形
    这篇文章将为大家详细讲解有关使用Java怎么打印三角形,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。java基本数据类型有哪些Java的基本数据类型分为:1、整数类型,用来表示整数的数据类型...
    99+
    2023-06-14
  • html5中怎么使用canvas画三角形
    这篇文章主要介绍“html5中怎么使用canvas画三角形”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“html5中怎么使用canvas画三角形”文章能帮助大家解决...
    99+
    2024-04-02
  • 怎么用CSS实现三角形标记
    这篇文章主要介绍怎么用CSS实现三角形标记,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!   代码如下:   CssMark.html   <!DOCTYPEhtml&g...
    99+
    2024-04-02
  • 怎么用mfc绘制随机三角形
    要使用MFC(Microsoft Foundation Classes)绘制随机三角形,你可以按照以下步骤进行操作:1. 打开 Vi...
    99+
    2023-09-16
    mfc
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作