浅谈JavaScript Math和Number对象_javascript技巧

1. Math 对象

1.1 介绍

　　Math 对象，是数学对象，提供对数据的数学计算，如：获取绝对值、向上取整等。无构造函数，无法被初始化，只提供静态属性和方法。

1.2 构造函数

　　无 ：Math 对象无构造函数，无法被初始化，只提供静态属性和方法。

1.3 静态属性

1.3.1 Math.E ：常量e。返回自然对数的底数：2.718281828459045
 
1.3.2 Math.PI ：常量π。返回圆周率的值 ：3.141592653589793
 
1.4 静态方法

1.4.1 Math.sin(value) ：正弦函数
1.4.2 Math.cos(value) ：余弦函数
1.4.3 Math.tan(value) ：正切函数
1.4.4 Math.asin(value) ：反正弦函数
1.4.5 Math.acos(value) ：反余弦函数
1.4.6 Math.atan(value) ：反正切函数
1.4.7 Math.abs(value) ：返回绝对值

参数：
 
①value {Number | NumberStr} ：数字或者纯数字的字符串。
 
返回值：
 
{Number} 返回参数的绝对值数字。若参数不为数字，返回NaN。
 
示例：

复制代码 代码如下:

h.abs('123'); // => 123 ：纯数字字符串
Math.abs('-123'); // => 123
Math.abs(123); // => 123
Math.abs(-123); // => 123
Math.abs('123a'); // => NaN ：非纯数字字符串

1.4.8  Math.ceil(value) ： 对一个数向上取整，并不是四舍五入
参数：
 
①value {Number | NumberStr} ：数字或者纯数字的字符串。
 
返回值：
 
{Number} 返回取整后的值。若参数不为数字，返回NaN。
 
示例：
 

复制代码 代码如下:

Math.ceil(2.7); // => 3
Math.ceil(2.3); // => 3 ：2.3 向上取整返回 3
Math.ceil(-2.7); // => -2
Math.ceil(-2.3); // => -2
Math.ceil('2.7'); // => 3 ：纯数字字符串
Math.ceil('2.7a'); // => NaN ：非纯数字字符串

 
1.4.9 Math.floor(value) ：对一个数向下取整，并不是四舍五入
参数：
 
①value {Number | NumberStr} ：数字或者纯数字的字符串。
 
返回值：
 
{Number} 返回取整后的值。若参数不为数字，返回NaN。
 
示例：

复制代码 代码如下:

Math.floor(2.7); // => 2
Math.floor(2.3); // => 2
Math.floor(-2.7); // => -3 ：-2.7 向下取整返回 -3
Math.floor(-2.3); // => -3
Math.floor('2.7'); // => 2 ：纯数字字符串
Math.floor('2.7a'); // => NaN ：非纯数字字符串

 
1.4.10 Math.max(value1,value2...valueN) ：返回参数中最大的值
参数：
 
①value1,value2.....valueN {Number | NumberStr} ：数字或者纯数字的字符串。
 
返回值：
 
{Number} 返回最大值。若一个参数不为数字，返回NaN。
 
示例：
 

复制代码 代码如下:

Math.max(1, 2, 3, 4, 5); // => 5
Math.max(1, 2, 3, 4, '5' ); // => 5
Math.max(1, 2, 3, 4, 'a'); // => NaN

　　
 
1.4.11 Math.min(value1,value2...valueN) ：返回参数中最小的值
参数：
 
①value1,value2.....valueN {Number | NumberStr} ：数字或者纯数字的字符串。
 
返回值：
 
{Number} 返回最大值。若一个参数不为数字，返回NaN。
 
示例：
 

复制代码 代码如下:

Math.min(1, 2, 3, 4, 5); // => 1
Math.min('1', 2, 3, 4, 5); // => 1
Math.min(1, 2, 3, 4, 'a'); // => NaN

 
1.4.12 Math.pow(x,y) ：返回x的y次方
参数：
 
①x {Number | NumberStr} ：数字或者纯数字的字符串。
 
②y {Number | NumberStr} ：数字或者纯数字的字符串。
 
返回值：
 
{Number} 返回x的y次方。若一个参数不为数字，返回NaN。
 
示例：

复制代码 代码如下:

Math.pow(2, 3); // => 8 ：2的3次方
Math.pow(3, 2); // => 9 ：3的2次方
Math.pow('4', 2); // => 16 ：4的2次方
Math.pow('2a', 2); // => NaN

 
1.4.13 Math.random() ：返回一个伪随机数,大于0，小于1.0
参数：无
 
返回值：
 
{Number} 返回一个伪随机数,大于0，小于1.0
 
示例：

复制代码 代码如下:

Math.random(); // => 0.8982374747283757
Math.random(); // => 0.39617531932890415
Math.random(); // => 0.35413061641156673
Math.random(); // => 0.054441051790490746

 
1.4.14 Math.round(value) ： 四舍五入后取整
参数：
 
①value {Number | NumberStr} ：数字或者纯数字的字符串。
 
返回值：
 
{Integer} 返回参数四舍五入后的整数。若参数不为数字，返回NaN。
 
示例：
 

复制代码 代码如下:

Math.round(2.5); // => 3
Math.round(2.4); // => 2
Math.round(-2.6); // => -3
Math.round(-2.5); // => -2 ：-2.5四舍五入为 -2
Math.round(-2.4); // => -2
Math.round('2.7'); // => 3 ：纯数字字符串
Math.round('2.7a'); // => NaN ：非纯数字字符串

 
1.4.15 Math.sqrt(value) ：返回参数的平方根
参数：
 
①value {Number | NumberStr} ：数字或者纯数字的字符串
 
返回值：
 
{Number} 返回参数的平方根
 
示例：
 

复制代码 代码如下:

console.log( Math.sqrt(9) ); // => 3
console.log( Math.sqrt(16) ); // => 4
console.log( Math.sqrt('25') ); // => 5
console.log( Math.sqrt('a') ); // => NaN

2. Number 对象

2.1 介绍
 
　　Number 对象，是数字对象，包含js中的整数、浮点数等等。

2.2 定义
 

复制代码 代码如下:

var a = 1;
var b = 1.1;

2.3 静态属性
 
2.3.1 Number.MAX_VALUE ：表示JS中最大的数字，约为 1.79e+308
 
2.3.2 Number.MIN_VALUE ：表示JS中最小的数字，约为 5e-324
 
2.3.3 Number.NaN ：返回NaN，表示非数字值，与任意其他数字不等，也包括NaN本身。应使用Number.isNaN() 来进行判断。
 
2.3.4 Number.NEGATIVE_INFINITY ：返回 -Infinity ，表示负无穷。
 
2.3.5 Number.POSITIVE_INFINITY  ：返回 Infinity ，表示正无穷。进行计算的值大于Number.MAX_VALUE就返回 Infinity 。
 
2.4 静态方法
 
2.4.1 Number.isInteger(value) ：判断参数是否为整数
参数：
 
①value {Number} ：数字
 
返回值：
 
{Boolean} 返回参数是否为整数 。纯整数的字符串也返回false。
 
示例：
 

复制代码 代码如下:

Number.isInteger(1); // => true
Number.isInteger(1.1); // => false
Number.isInteger('1'); // => false ：纯整数的字符串也返回false
Number.isInteger('1.1'); // => false
Number.isInteger('a'); // => false ：非字符串返回false

 
2.4.2 Number.isNaN(value) ：判断参数是否为NaN
参数：
 
①value {Object} ：任意类型
 
返回值：
 
{Boolean} 返回参数是否为NaN 。
 
示例：
 

复制代码 代码如下:

Number.isNaN(NaN); // => true
Number.isNaN('NaN'); // => false :'NaN'字符串，并不为NaN
Number.isNaN(1); // => false
Number.isNaN('1'); // => false

 
2.4.3 Number.parseFloat(value) ：把参数转换为浮点数
参数：
 
①value {Number | NumberStr} ：数字或者纯数字的字符串
 
返回值：
 
{Integer | Float} 返回整数或浮点数数值
 
示例：
 

复制代码 代码如下:

Number.parseFloat(1); // => 1 ：整数还是返回整数
Number.parseFloat(1.1); // => 1.1
Number.parseFloat('1aaa'); // => 1 ：字符串前面为数字的，只返回数字
Number.parseFloat('1.1aaa'); // => 1.1
Number.parseFloat('a1'); // => NaN ：非数字开头，返回NaN
Number.parseFloat('a'); // => NaN

 
2.4.4 Number.parseInt(value) ：把参数转换为整数
参数：
 
①value {Number | NumberStr} ：数字或者纯数字的字符串
 
返回值：
 
{Integer} 返回整数数值
 
示例：
 

复制代码 代码如下:

Number.parseInt(1); // => 1
Number.parseInt(1.1); // => 1 ：浮点数返回整数
Number.parseInt('1aaa'); // => 1 ：字符串前面为数字的，只返回数字
Number.parseInt('1.1aaa'); // => 1
Number.parseInt('a1'); // => NaN ：非数字开头，返回NaN
Number.parseInt('a'); // => NaN

2.5 实例方法
 
2.5.1 toExponential(value) ：将一个数字转为指数类型，参数表示小数点后的位数
参数：
 
①value {Number}  ：表示小数点后的位数
 
返回值：
 
{String} 返回转换后的指数类型字符串
 
示例：
 

复制代码 代码如下:

(123456789).toExponential(2); // => 1.23e+8 ：小数点2位
(123456789).toExponential(5); // => 1.23457e+8 ：小数点5位
(123456789).toExponential(10); // => 1.2345678900e+8 ：小数点10位，不足位数用0补位

 
2.5.2 toFixed(value) ：将一个数字转换为指定小数位数的字符串。不传入参数，就是没小数位。返回值为四舍五入
参数：
 
①value {Number}  ：表示小数点后的位数
 
返回值：
 
{String} 返回转换后的字符串；不够小数位以0填充；返回值为四舍五入后的值
 
示例：
 

复制代码 代码如下:

console.log((1).toFixed(2)); // => 1.00
console.log((1.2).toFixed(2)); // => 1.20 ：不足位数，以0补位
console.log((1.277).toFixed(2)); // => 1.28 ：进行了四舍五入

 
2.5.3 toString() ：使用指定的进制，将一个数字转换为字符串。不传入参数，默认为十进制。
参数：
 
①value {Number}  ：表示进制数，取值范围：2到36
 
返回值：
 
{String} 转换后进制的字符串
 
示例：
 

复制代码 代码如下:

(10).toString(); // => 10 ：默认为十进制
(10).toString(2); // => 1010 ：二进制
(10).toString(10); // => 10 ：十进制
(10).toString(16); // => a ：十六进制

2.6 应用场景

2.6.1 浮点数的加减乘除异常
说明：Js中的2个浮点数进行加减乘除运算，会返回异常的数值，如：0.2+0.7，返回0.899999999999。可以使用toFixed()方法，指定小数位。
 
示例：
 

复制代码 代码如下:

console.log(0.2 + 0.7); // => 0.8999999999999999
console.log(0.7 - 0.5); // => 0.19999999999999996
console.log(3.03 * 10); // => 30.299999999999997
// 使用toFixed()方法
console.log( (0.2 + 0.7).toFixed(2) ); // => 0.90
console.log( (0.7 - 0.5).toFixed(2) ); // => 0.20
console.log( (3.03 * 10).toFixed(2) ); // => 30.30

 
2.6.2 减法运算
说明：Js中进行减法运算时，会先把前后的值转换为数值再进行运算。若转换失败，返回NaN。
 
示例：
 

复制代码 代码如下:

console.log('1' - 0); // => 1 ：纯数字字符串减去0，可以快速转换为Nubmer对象
console.log( ('1' - 0).toFixed(2) ); // => 1.00 ：快速转换为Nubmer对象后调用实例方法
console.log('1' - 'a'); // => NaN ：一方无法转换为Nubmer对象

时间： 2024-12-02 10:47:10

浅谈JavaScript Math和Number对象_javascript技巧的相关文章

浅谈JavaScript的全局变量与局部变量_javascript技巧

一.JavaScript scope 的划分标准是function函数块,不是以 if.while.for来划分的 <script> function f1(){ alert("before for scope:"+i); //i未赋值(并不是没有声明!使用未声明变量或函数会导致致命错误从而中断脚本执行) //此时i值为undefined for(var i=0; i<3;i++){ alert("in for scope:"+i);} //i的值

浅谈JavaScript中的分支结构_javascript技巧

说到JavaScript中的分支结构,我们就不得不提到流程控制这个词,我们所有的程序都是由数据和算法组成的. 程序=数据+算法 通常我们所说的算法都可以通过"顺序","分支","循环"三种结构来组合完成. 在ECMA中规定了一些语句(也称为流程控制语句,分支结构语句),从本质上来说,这些语句定义了ECMAScript中的主要语法,语句通常使用一个或者多个关键字来完成给定任务. 1.1 if 语句 if 语句 - 只有当指定条件为 true 时,使

浅谈JavaScript的自动垃圾收集机制_javascript技巧

执行环境会负责管理代码执行过程中使用的内存,编写JavaScript程序时,所需内存的分配以及无用内存的回收完全实现自动管理. 原理: 找出那些不再继续使用的变量,然后释放其占用的内存.为此,垃圾收集器会按照固定的时间间隔(或代码执行中预定的收集时间)周期性地执行这一操作. 垃圾收集的方式: 1.标记清除(mark-and-sweep) 最常用的垃圾收集方式.当变量进入环境时,就将变量标记为"进入环境".从逻辑上讲,永远不能释放进入环境的变量所占用的内存,因为只要执行流进入相应的环境,

浅谈javascript的分号的使用_javascript技巧

JS中function 的开头有必要加分号吗?js语句后应该加分号吗? javascript大括号后面应使用分号吗?JS中function 的开头有加感叹号.分号是什么意思呢? Js多个文件集成成一个文件后,压缩代码时避免发生语法错误,可以如下处理 一.js 前加分号 例如:;(function($){...此处代码...})(); Javascript中分号表示语句结束,在开头加上,是为了压缩的时候和别的方法分割一下,表示一个新的语句开始 二.js函数后加分号 例如 // 模块1 // 前面有

浅谈javascript原型链与继承_javascript技巧

js原型链与继承是js中的重点,所以我们通过以下三个例子来进行详细的讲解.       首先定义一个对象obj,该对象的原型为obj._proto_,我们可以用ES5中的getPrototypeOf这一方法来查询obj的原型,我们通过判断obj的原型是否与Object.prototype相等来证明是否存在obj的原型,答案返回true,所以存在.然后我们定义一个函数foo(),任何一个函数都有它的prototype对象,即函数的原型,我们可以在函数的原型上添加任意属性,之后通过new一个实例化的

浅谈JavaScript中运算符的优先级_javascript技巧

运算符优先级 JavaScript中的运算符优先级是一套规则.该规则在计算表达式时控制运算符执行的顺序.具有较高优先级的运算符先于较低优先级的运算符执行.例如,乘法的执行先于加法. 下表按从最高到最低的优先级列出JavaScript运算符.具有相同优先级的运算符按从左至右的顺序求值. 运算符 描述 . [] () 字段访问.数组下标.函数调用以及表达式分组 ++ -- - ~ ! delete new typeof void 一元运算符.返回数据类型.对象创建.未定义值 * / % 乘法.除法.

浅谈Javascript实现继承的方法_javascript技巧

S1:js中一切皆对象,想想如果要实现对父对象属性和方法的继承,最初我们会怎样子来实现呢,考虑到原型的概念,最初我是这样来实现继承的 function Parent(){    this.name='123'; } Parent.prototype.getName=function(){    return this.name; } function Son(){    this.age=20; } Son.prototype=new Parent(); Son.prototype.getAge

浅谈javascript语法和定时函数_javascript技巧

一.JavaScript基本语法. (一)数据类型与变量类型. 整数,小数,布局,字符串,日期时间,数组 强制转换: parseInt() parseFloat() isNaN() (二)数组 var 数组名 = new Array([长度]); //"假冒"数组 a.length-长度 a[下标] = 值. a[下标] (三)函数 复制代码 代码如下: function 函数名(形参) { } function ShowStr(a) { } 二.DOM操作 DOM - Documen

浅谈Javascript嵌套函数及闭包_javascript技巧

[嵌套函数] JavaScript允许嵌入的函数,允许函数用作数据,并且在函数词法作用域下面,可以产生与传统面向对象语言不同的惊人地方. 首先,JavaScript的函数是通过词法来划分作用域的,而不是动态的划分作用域的,于是,函数的是在定义它们的作用域中运行,而不是在执行它们的作用域中运行,所以,当嵌套函数和它的外围函数定义在同一个词法作用域中的时候,是很容易理解的.比如下面很平淡无奇的代码: 复制代码 代码如下: var x = 'global'; function f () { var x