Javascript Math对象

Javascript Math对象

Javascript中的Math对象提供了数学相关的方法和常量,例如sin、cos、sqrt等等。下面是一些重要的方法和属性:

Math方法

1. Math.abs(x)

返回x的绝对值

Math.abs(-5); // 5
Math.abs(5); // 5

2. Math.round(x)

返回最接近x的整数,四舍五入

Math.round(2.1); // 2
Math.round(2.5); // 3
Math.round(2.9); // 3

3. Math.ceil(x)

返回大于等于x的最小整数

Math.ceil(2.1); // 3
Math.ceil(2.5); // 3
Math.ceil(2.9); // 3

4. Math.floor(x)

返回小于等于x的最大整数

Math.floor(2.1); // 2
Math.floor(2.5); // 2
Math.floor(2.9); // 2

5. Math.random()

返回一个0到1之间的随机数,不包含1

Math.random(); // 0.7450326656322728

6. Math.max([x1[,x2[,…]]])

返回一组数中的最大值

Math.max(5, 9, 3); // 9

7. Math.min([x1[,x2[,…]]])

返回一组数中的最小值

Math.min(5, 9, 3); // 3

8. Math.pow(base, exponent)

返回base的exponent次方

Math.pow(2, 3); // 8

Math属性

1. Math.PI

表示圆周率π,约等于3.141592653589793

Math.PI; // 3.141592653589793

2. Math.E

表示自然对数e,约等于2.718281828459045

Math.E; // 2.718281828459045

示例

1. 计算两点之间的距离

function getDistance(x1, y1, x2, y2) {
  const dx = x1 - x2;
  const dy = y1 - y2;

  return Math.sqrt(Math.pow(dx, 2) + Math.pow(dy, 2));
}

console.log(getDistance(1, 1, 4, 5)); // 5

2. 随机打乱数组

function shuffle(arr) {
  for(let i = arr.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [arr[i], arr[j]] = [arr[j], arr[i]];
  }

  return arr;
}

console.log(shuffle([1, 2, 3, 4, 5])); // [2, 4, 3, 1, 5]

以上就是Javascript Math对象的完整攻略。

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

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

相关文章

  • 基于javascript html5实现3D翻书特效

    下面我会详细讲解如何基于JavaScript和HTML5实现3D翻书特效。这个过程分为以下几个步骤: 准备工作 在开始之前,需要准备一些基本的资源。你可以从网络上下载一些3D翻转技术所需的一些资源,例如: jQuery及其插件 CSS3动画效果库,比如Animate.css或者Hover.css 3D翻转插件,比如Flipster 引入所需文件 在开始编写代…

    JavaScript 2023年6月11日
    00
  • AngularJs E2E Testing 详解

    AngularJs E2E Testing 详解 在开发应用程序的过程中,我们需要确保这些程序在部署后正常运行。为了验证这些应用程序的功能,我们需要进行端到端 (End to End, E2E) 测试。 E2E 测试是一个自动化的过程,通过验证应用程序的模拟场景来模仿真实用户的行为。通过这种方式我们可以测试到所有层级,包括用户界面、功能、维护性、性能等。An…

    JavaScript 2023年6月10日
    00
  • 仿3721首页模块拖曳移动效果js代码[可拖曳层移动层]

    “仿3721首页模块拖曳移动效果js代码[可拖曳层移动层]”是一种常见的网页可交互功能,下面我将详细讲解如何实现该功能的完整攻略: 1. 准备工作 在实现拖曳移动效果前,我们需要准备一些基础的工作: 1.在 HTML 文件中添加需要被拖曳的标签 2.使用 CSS 设置被拖曳标签的默认样式 3.导入拖曳移动所需的 JavaScript 库 2. 实现拖曳移动效…

    JavaScript 2023年6月11日
    00
  • 用Axios Element实现全局的请求loading的方法

    下面是使用Axios Element实现全局请求loading的方法的攻略。 什么是Axios Element Axios Element是基于Axios封装的一个插件,使得我们可以很方便地对Axios进行增强和自定义操作。 实现全局请求loading的方法 我们可以将全局请求loading的实现分为以下几个步骤: 1. 安装Axios Element 我们…

    JavaScript 2023年6月11日
    00
  • JS取模、取商及取整运算方法示例

    JS取模、取商及取整运算方法示例 在JS中,有时需要对数字进行取模、取商或取整等运算操作。在本文中,我们将为大家详细讲解这些运算方法的实现方式以及示例。 取模运算 取模运算是指求两个数相除的余数,使用符号 % 进行操作。例如,7 % 3 求得的结果为 1,因为 7 ÷ 3 = 2 …… 1。其中,1 就是余数。 下面是一个实例: var a = 17…

    JavaScript 2023年5月27日
    00
  • JS自调用匿名函数具体实现

    Markdown 格式: JS自调用匿名函数的完整实现攻略 在 JavaScript 中,为了避免全局变量的污染以及保护代码的隐私,可以使用自调用匿名函数的方式来定义模块。下面是自调用匿名函数的具体实现方式。 基本形式 自调用匿名函数的基本形式如下: (function(){ // code here })(); 该函数定义了一个匿名函数并立即执行,参数列表…

    JavaScript 2023年6月11日
    00
  • jQuery 实现倒计时天,时,分,秒功能

    引入jQuery库 在使用jQuery之前,需要先引入jQuery库。 <head> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> 创建一个倒计时标签 …

    JavaScript 2023年5月27日
    00
  • Javascript之String对象详解

    Javascript之String对象详解 String对象简介 String对象是Javascript中的基本对象之一,用来表示字符串类型。在Javascript程序中,经常需要对字符串进行各种处理,使用String对象提供的方法便可轻松实现。 String对象的创建 可以使用字面量、字符串构造函数或toString()函数来创建String对象。 var…

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