浅谈JavaScript Math和Number对象


Posted in Javascript onJanuary 26, 2015

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对象
Javascript 相关文章推荐
麦鸡的TAB切换功能结合了javascript和css
Dec 17 Javascript
jquery form表单提交插件asp.net后台中文解码
Jun 12 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
Sep 01 Javascript
jquery实现平滑的二级下拉菜单效果
Aug 26 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
May 17 Javascript
jqGrid翻页时数据选中丢失问题的解决办法
Feb 13 Javascript
微信小程序 侧滑删除(左滑删除)
May 23 Javascript
jquery 键盘事件的使用方法详解
Sep 13 jQuery
node事件循环和process模块实例分析
Feb 14 Javascript
jQuery实现带进度条的轮播图
Sep 13 jQuery
使用webpack和rollup打包组件库的方法
Feb 25 Javascript
详解JavaScript中的执行上下文及调用堆栈
Apr 29 Javascript
js判断一个字符串是否包含一个子串的方法
Jan 26 #Javascript
javascript中Object使用详解
Jan 26 #Javascript
JQuery中的事件及动画用法实例
Jan 26 #Javascript
javascript折半查找详解
Jan 26 #Javascript
JavaScript数据类型检测代码分享
Jan 26 #Javascript
浅谈Javascript中的Function与Object
Jan 26 #Javascript
javascript实现动态加载CSS
Jan 26 #Javascript
You might like
PHP获取MSN好友列表类的实现代码
2013/06/23 PHP
php实现的click captcha点击验证码类实例
2014/09/23 PHP
php动态生成缩略图并输出显示的方法
2015/04/20 PHP
php判断用户是否手机访问代码
2015/06/08 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
PDO::commit讲解
2019/01/27 PHP
jquery获取css中的选择器(实例讲解)
2013/12/02 Javascript
jquery text()方法取标签中的文本
2014/07/25 Javascript
JavaScript实现的MD5算法完整实例
2016/02/02 Javascript
javascript下使用Promise封装FileReader
2016/02/19 Javascript
浅谈javascript中的加减时间
2016/07/12 Javascript
JS中使用gulp实现压缩文件及浏览器热加载功能
2017/07/12 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
2019/06/17 Javascript
vue router 传参获取不到的解决方式
2019/11/13 Javascript
JavaScript运动原理基础知识详解
2020/04/02 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
2020/07/29 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
2020/12/15 Vue.js
[56:38]DOTA2-DPC中国联赛正赛Aster vs Magma BO3 第一场 3月5日
2021/03/11 DOTA
wxPython的安装与使用教程
2018/08/31 Python
在linux下实现 python 监控usb设备信号
2019/07/03 Python
python由已知数组快速生成新数组的方法
2020/04/08 Python
网页布局中CSS样式无效的十个重要原因详解
2017/08/10 HTML / CSS
HTML5 canvas基本绘图之绘制矩形
2016/06/27 HTML / CSS
天巡全球:Skyscanner Global
2017/06/20 全球购物
三星英国官网:Samsung英国
2018/09/25 全球购物
宏碁西班牙官网:Acer西班牙
2021/01/08 全球购物
CSS代码检查工具stylelint的使用方法详解
2021/03/27 HTML / CSS
网络教育毕业生自我鉴定
2013/10/10 职场文书
教师应聘个人求职信
2013/12/10 职场文书
信息技术专业个人自我评价
2013/12/11 职场文书
《神奇的克隆》教学反思
2014/04/10 职场文书
多媒体教室标语
2014/06/26 职场文书
详解用Python把PDF转为Word方法总结
2021/04/27 Python
如何利用Matlab制作一款真正的拼图小游戏
2021/05/11 Python
win10此电脑打不开怎么办 win10双击此电脑无响应的解决办法
2022/07/23 数码科技