js Math 对象的方法

yizhihongxing

当我们要对数字进行一些复杂的操作或计算时,js语言内置的 Math 对象是不可或缺的一个工具。Math 对象提供了很多有用的方法来处理数字。

常用方法

Math.abs()

Math.abs() 方法用于返回给定数字的绝对值,即该数字距离 0 的距离,无论正负。

Math.abs(-5); // 返回 5 
Math.abs(5); // 返回 5 
Math.abs('-5'); // 返回 5 
Math.abs('5'); // 返回 5 

Math.ceil()

Math.ceil() 方法向上取整一个数字,即返回一个大于或等于该数字的最小整数。

Math.ceil(2.4); // 返回 3
Math.ceil(2.8); // 返回 3
Math.ceil(-2.4); // 返回 -2
Math.ceil(-2.8); // 返回 -2

Math.floor()

Math.floor() 方法向下取整一个数字,即返回一个小于或等于该数字的最大整数。

Math.floor(2.4); // 返回 2
Math.floor(2.8); // 返回 2
Math.floor(-2.4); // 返回 -3
Math.floor(-2.8); // 返回 -3

Math.max()

Math.max() 方法用于返回给定数字中的最大值。

Math.max(1, 2, 3, 4, 5); // 返回 5
Math.max(-1, -2, -3, -4, -5); // 返回 -1

Math.min()

Math.min() 方法用于返回给定数字中的最小值。

Math.min(1, 2, 3, 4, 5); // 返回 1
Math.min(-1, -2, -3, -4, -5); // 返回 -5

Math.pow()

Math.pow() 方法用于计算一个数的指定次幂。

Math.pow(2, 3); // 返回 8
Math.pow(10, -2); // 返回 0.01

Math.random()

Math.random() 方法返回一个随机数,该随机数在 0 到 1 之间。这个方法通常被用作生成随机数。

Math.random(); // 返回介于0(包括)和1(不包括)之间的随机数

Math.round()

Math.round() 方法用于四舍五入一个数字。

Math.round(2.4); // 返回 2
Math.round(2.5); // 返回 3
Math.round(2.8); // 返回 3
Math.round(-2.4); // 返回 -2
Math.round(-2.5); // 返回 -2
Math.round(-2.8); // 返回 -3

Math.sqrt()

Math.sqrt() 方法用于计算一个数字的平方根。

Math.sqrt(16); // 返回 4
Math.sqrt(2); // 返回 1.414213...

示例说明

示例一

假设我们要编写一个函数来随机生成一个在某个范围内的数,可以使用 Math.random() 方法。

首先,我们需要确定生成的最小值和最大值。例如,我们要在 1 和 10 之间生成一个随机数。

function randomNum(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

console.log(randomNum(1, 10));

上述函数中,在 Math.random() 方法的返回值上乘以 (max - min + 1),然后使用 Math.floor() 向下取整,最后加上 min,即可生成一个在 minmax 之间的随机整数。

示例二

假设我们要编写一个函数来计算两个点之间的距离。我们可以使用 Math.pow() 方法来求平方,并结合 Math.sqrt() 方法来获得距离。

function distance(x1, y1, x2, y2) {
  const xDistance = x2 - x1;
  const yDistance = y2 - y1;

  return Math.sqrt(Math.pow(xDistance, 2) + Math.pow(yDistance, 2));
}

console.log(distance(1, 2, 4, 6)); // 返回 5.0

上述函数中,我们首先计算 x 和 y 轴之间的距离,然后使用 Math.pow() 计算平方,接着使用 Math.sqrt() 方法求平方根即可得到最终的距离。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js Math 对象的方法 - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • 最简单的JavaScript图片轮播代码(两种方法)

    下面是“最简单的JavaScript图片轮播代码(两种方法)”的完整攻略。 什么是JavaScript图片轮播? JavaScript图片轮播是网站开发中常见的一种功能,可以展示一组图片,通过自动或手动切换图片来实现轮播效果,增强网站的视觉效果和用户体验。 JavaScript图片轮播的实现方法 在本文中,我们将介绍两种方法来实现最简单的JavaScript…

    JavaScript 2023年6月11日
    00
  • js对图片base64编码字符串进行解码并输出图像示例

    解码图片base64编码字符串并输出图像一般需要以下步骤: 从DOM中获取到base64编码图片字符串。 将base64编码图片字符串转换为Blob类型数据。 使用FileReader对象将Blob类型数据读取为图像对象的URL地址。 将URL地址赋值给img标签的src属性,以此输出图像。 下面我们来一步一步详细讲解这个过程,并提供两个示例。 示例1: 先…

    JavaScript 2023年5月19日
    00
  • JS 俄罗斯方块完美注释版代码

    JS 俄罗斯方块完美注释版代码是一款非常经典的俄罗斯方块游戏,在学习 JavaScript 编程的过程中非常适合进行体验和学习。下面,我将给出关于这款游戏的完整攻略,帮助初学者更好地理解代码和游戏逻辑。 准备工作 在开始阅读代码之前,我们需要先完成以下准备工作: 安装浏览器:在电脑上安装 Google Chrome、Firefox 等主流浏览器。 下载源代码…

    JavaScript 2023年5月28日
    00
  • javascript 单例/单体模式(Singleton)

    JavaScript 单例模式是一种创建模式,旨在确保类只有一个实例,并提供全局访问点来访问该实例。在JavaScript中,单例可以用一个对象自变量实现。下面是一些创建JavaScript单例的方案。 方案一:使用字面量对象 使用字面量对象的方式简单直观,适用于有固定属性需要维护的单例模式。 const singleton = { prop1: &quot…

    JavaScript 2023年6月10日
    00
  • JSON 数据格式详解

    JSON 数据格式详解 在现代 Web 开发中,数据交换是至关重要的一部分。而 JSON (JavaScript Object Notation) 已被广泛用于此。本文将详细介绍 JSON 的格式以及如何使用它进行数据交换。 什么是 JSON JSON 是一种文本格式,它是由 JavaScript 对象表示法衍生而来。JSON 是轻量级的数据交换格式,易于阅…

    JavaScript 2023年5月27日
    00
  • 分享几个JavaScript运算符的使用技巧

    让我来详细讲解一下“分享几个JavaScript运算符的使用技巧”的攻略。 标题 分享几个JavaScript运算符的使用技巧 代码块 在 JavaScript 中,有很多运算符可以帮助我们进行数据处理和逻辑运算。下面我就来分享几个常用的运算符,并介绍一些使用技巧。 一、 空值合并运算符 空值合并运算符 ?? 用于确定变量或表达式是否为未定义或空值(null…

    JavaScript 2023年5月27日
    00
  • js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例

    下面我就详细讲解一下这三个操作的完整攻略。 JS常用方法 JS中有许多常用方法,以下是一些常见的方法: querySelector:用于获取文档中匹配指定选择器的第一个元素。 getElementById:根据id获取文档中的元素。 addEventListener:用于向指定元素添加事件句柄。 setTimeout:用于在指定的时间之后执行一次函数。 se…

    JavaScript 2023年5月28日
    00
  • 利用JS定时器实现元素移动

    下面我将详细讲解如何通过利用JS定时器实现元素移动的完整攻略。 1. 设置元素的初始位置和样式 在实现元素移动之前,需要先为元素设置初始位置和样式。这可以通过 CSS 或 JavaScript 都可以实现。 <div id="myDiv">这是一个 div</div> #myDiv { width: 100px; …

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部