Js数学函数-Math方法、Math属性

不念不忘少年蓝@ 2023-06-27 03:09 30阅读 0赞

# Ⅰ- 壹 - Math简介 #

*  Math全部都是静态属性和方法 Math是一种静态类
 *  不需要创建对象
 *  该类别不能实例化 var met=new Math()//错误
 *  Math 是数学函数，但又属于对象数据类型 typeof Math => ‘object’

# Ⅱ - 贰 -Math属性 #

<table> 
 <thead> 
  <tr> 
   <th>Math属性名</th> 
   <th>介绍</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Math.E</td> 
   <td>返回算术常量 e，即自然对数的底数（约等于2.718）。</td> 
  </tr> 
  <tr> 
   <td>Math.LN2</td> 
   <td>返回 2 的自然对数（约等于0.693）。</td> 
  </tr> 
  <tr> 
   <td>Math. LN10</td> 
   <td>返回 10 的自然对数（约等于2.302）。</td> 
  </tr> 
  <tr> 
   <td>Math.LOG2E</td> 
   <td>返回以 2 为底的 e 的对数（约等于 1.414）。</td> 
  </tr> 
  <tr> 
   <td>Math.LOG10E</td> 
   <td>返回以 10 为底的 e 的对数（约等于0.434）。</td> 
  </tr> 
  <tr> 
   <td>Math.PI</td> 
   <td>返回圆周率（约等于3.14159）。</td> 
  </tr> 
  <tr> 
   <td>Math.SQRT1_2</td> 
   <td>返回返回 2 的平方根的倒数（约等于 0.707）。</td> 
  </tr> 
  <tr> 
   <td>Math.SQRT2</td> 
   <td>返回 2 的平方根（约等于 1.414）。</td> 
  </tr> 
 </tbody> 
</table>

*  Math的属性用法

console.log(Math.PI);//3.141592653589793
    console.log(Math.SQRT2);//1.4142135623730951

# Ⅲ - 叁 -Math方法 #

## 一 Math方法总汇 ##

<table> 
 <thead> 
  <tr> 
   <th>Math方法</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Math.abs(x)</td> 
   <td>返回数的绝对值。</td> 
  </tr> 
  <tr> 
   <td>Math.acos(x)</td> 
   <td>返回数的反余弦值。</td> 
  </tr> 
  <tr> 
   <td>Math.asin(x)</td> 
   <td>返回数的反正弦值。</td> 
  </tr> 
  <tr> 
   <td>Math.atan(x)</td> 
   <td>以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。</td> 
  </tr> 
  <tr> 
   <td>Math.atan2(y,x)</td> 
   <td>返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。</td> 
  </tr> 
  <tr> 
   <td>Math.ceil(x)</td> 
   <td>对数进行上舍入。</td> 
  </tr> 
  <tr> 
   <td>Math.cos(x)</td> 
   <td>返回数的余弦。</td> 
  </tr> 
  <tr> 
   <td>Math.exp(x)</td> 
   <td>返回 e 的指数。</td> 
  </tr> 
  <tr> 
   <td>Math.floor(x)</td> 
   <td>对数进行下舍入。</td> 
  </tr> 
  <tr> 
   <td>Math.log(x)</td> 
   <td>返回数的自然对数（底为e）。</td> 
  </tr> 
  <tr> 
   <td>Math.max(x,y)</td> 
   <td>返回 x 和 y 中的最高值。</td> 
  </tr> 
  <tr> 
   <td>Math.min(x,y)</td> 
   <td>返回 x 和 y 中的最低值。</td> 
  </tr> 
  <tr> 
   <td>Math.pow(x,y)</td> 
   <td>返回 x 的 y 次幂。</td> 
  </tr> 
  <tr> 
   <td>Math.random()</td> 
   <td>返回 0 ~ 1 之间的随机数。</td> 
  </tr> 
  <tr> 
   <td>Math.round(x)</td> 
   <td>把数四舍五入为最接近的整数。</td> 
  </tr> 
  <tr> 
   <td>Math.sin(x)</td> 
   <td>返回数的正弦。</td> 
  </tr> 
  <tr> 
   <td>Math.sqrt(x)</td> 
   <td>返回数的平方根。</td> 
  </tr> 
  <tr> 
   <td>Math.tan(x)</td> 
   <td>返回角的正切。</td> 
  </tr> 
 </tbody> 
</table>

## 二 常用Math方法 ##

#### 0 随机数方法 Math.random() ####

**该方法用于生成一个随机数0~1之间的小数 包含0不包含1 (0=<x<1)，方法没有参数**

*  **生成随机数的封装**

// Math . floor (Math. random() * (max -min + 1)) + min;
    function getRandom(min, max) { 
    return Math. floor (Math. random() * (max-min + 1)) + min;
    }
    //生成1-10的随机数
    console . log(getRandom(1, 10));

#### 1 绝对值方法 ####

**Math.abs(x) 返回数的绝对值。**

console .1og(Math. abs(1)); // 1
    console . log(Math.abs(-1)); // 1 
    console. log(Math.abs('-1')); //隐式转换会把字符串型-1转换为数字型
    console. log(Math.abs('pink')); // NaN

#### 2 三个取整方法 ####

###### (1) Math. floor() 向下取整往最小了取值 ######

console .1og(Math. floor(1.1)); // 1
    console .1og(Math. floor(1.9)); // 1

###### (2) Math.ceil() 向上取整 往最大了取值 ######

console . log(Math.cei1(1.1)); // 2
    console.1og(Math.ceil(1.9)); // 2 I

###### (3) Math. round() 四舍五入 负数往大了取 ######

console. log (Math. round(1.1)); // 1
    console . log(Math. round(1.5)); // 2
    console.1og(Math.round(1.9)); // 2
    
    console. log (Math. round( -1.1)); // -1
    console. log(Math.round( -1.5)); //这个结果是-1

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg2MzgwMA_size_16_color_FFFFFF_t_70]

# 0 - 0 - 知识点： #

## 静态方法 ##

上面说 Math 全部都是静态属性和方法，下面来回顾一下什么叫静态方法：  
静态方法也叫类的方法，是指把构造函数看成对象，增加的方法。例如数组中的 Array.from ( )、Array.isArray ( ) 。  
除此之外还有实例化方法，例如 forEach()、map()。

var arr=new Array(1,2,3);
    //或者 var arr=[1,2,3]
    arr.forEach(function(){ 
    
    })

简单来记，静态方法都是 类型.方法名（Array.from())

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg2MzgwMA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200629165150488.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg2MzgwMA==,size_16,color_FFFFFF,t_70