在 JavaScript 中计算百分比
本文将介绍如何使用 JavaScript 计算任意数字的百分比。
在 JavaScript 中计算百分比
在 JavaScript 中获取任意数字的百分比非常容易。 要获得基础数学中任何数字的百分比,我们必须将所需的百分比乘以该数字。
在下面的 JavaScript 代码示例中,我们创建一个名为 calPercnt 的函数。 在该函数中,我们使用一个简单的公式来获得 500 的 20%。
在公式中,我们将 20 除以 100,等于 0.2。 然后我们将 0.2 乘以 500,得到 100,即 500 的 20%。
示例代码:
function calPercnt(num, percentage){
const result = num * (percentage / 100);
return parseFloat(result.toFixed(2));
}
const percntVal = calPercnt(500, 20);
console.log(percntVal);
输出:
100
这是 JavaScript 中计算数字百分比的一种方法。 我们还可以使用自定义 JavaScript 函数来计算数字的百分比。
使用自定义 JavaScript 函数计算百分比
它是 JavaScript 中用于计算任何数字的百分比的最简单且简短的方法之一。 这个自定义函数有两个参数:我们要计算的百分比和我们要获取百分比的数量。
我们在console.log中调用函数calcPercnt,在运行时,我们给出两个要计算百分比的参数。
在代码示例中,我们给出了 console.log (1000, 20)
,它将计算 1000 的 20%。
这些是函数用于计算百分比的几个示例 console.log(calcPercnt(1000, 30));
、console.log(calcPercnt(1000, 40));
、console.log(calcPercnt(1000, 45) );
, console.log(calcPercnt(1000, 50));
, console.log(calcPercnt(100, 10));
.
我们在自定义函数的 console.log 部分中给出参数。 我们得到了输出中要计算的数字的百分比。
示例代码:
function calcPercnt(percent, num){
return (percent / 100) * num;
}
console.log(calcPercnt(1000, 20));
console.log(calcPercnt(1000, 30));
console.log(calcPercnt(1000, 40));
console.log(calcPercnt(1000, 45));
console.log(calcPercnt(1000, 50));
console.log(calcPercnt(100, 10));
输出:
200
300
400
450
500
10
在上面的输出中,我们得到 200,即 1000 的 20%。然后我们得到 300,即 1000 的 30%,然后我们得到 400。
这个自定义函数通过将值赋予参数来帮助我们一次找到多个数字的百分比。
相关文章
JavaScript 科学记数法
发布时间:2023/09/09 浏览次数:95 分类:JavaScript
-
在今天的文章中,我们将学习 JavaScript 中的科学计数法。JavaScript 中的科学记数法
在 JavaScript 中将弧度转换为度数
发布时间:2023/09/09 浏览次数:144 分类:JavaScript
-
在本文中,我们将学习 JavaScript 源代码中的数学计算,使用公式从弧度值获取角度值,并使用默认的警报框或日志框将结果显示给用户。在 JavaScript 中将弧度转换为度数
在 JavaScript 中按属性值查找数组中的对象
发布时间:2023/06/06 浏览次数:144 分类:JavaScript
-
当通过属性值在数组中查找对象时,可以在 JavaScript 中使用不同的实现。使用 find() 方法按属性值在数组中查找对象。我们可以使用 find() 方法通过对象的属性值在 JavaScript 的对象数组中查找对
JavaScript 通过对键的引用获取对象的值
发布时间:2023/06/06 浏览次数:199 分类:JavaScript
-
在 JavaScript 中,对象以键值对的形式编写。 我们可以通过键来获取对象的值。但也可以通过变量引用键并使用变量访问对象中的值。 本文将介绍其实现方式。
在 JavaScript 中使用 XMLHttpRequest 发送 POST 请求
发布时间:2023/06/06 浏览次数:124 分类:JavaScript
-
在本文中,我们将通过不同的示例学习如何使用 JavaScript 代码在 Ajax 编程中发送 XMLHttpRequest post 请求。
使用 JavaScript 将鼠标指针移动到特定位置
发布时间:2023/06/06 浏览次数:131 分类:JavaScript
-
在这篇文章中,我们将创建一个假的或自定义的鼠标指针,它可能看起来类似于默认系统的鼠标指针,然后我们将使用 JavaScript 将其位置移动到不同的位置。 这种将鼠标指针移动到特定位置的
JavaScript 异步 forEach
发布时间:2023/06/06 浏览次数:224 分类:JavaScript
-
在本篇文章中,我们将看看我们是否可以在 JavaScript 的 forEach 循环中使用异步。 有哪些选择?JavaScript 中的异步 forEach 异步编程不适用于 Array.prototype.forEach。
JavaScript 中 URL 解码
发布时间:2023/06/06 浏览次数:150 分类:JavaScript
-
本文着眼于 URL 解码以及如何使用 JavaScript 对编码的 URL 进行解码。需要URL编解码。JavaScript 中的 URL 解码。在 JavaScript 中,可以通过三种方法对编码的 URL 进行解码。
如何在 JavaScript 中生成 PDF
发布时间:2023/06/06 浏览次数:234 分类:JavaScript
-
在本文中,我们将学习用 JavaScript 创建 PDF 的有效方法。 在示例的帮助下,我们将了解 JavaScript 中有哪些可用的库来创建 PDF。