浅谈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 相关文章推荐
JavaScript DOM学习第八章 表单错误提示
Feb 19 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
Jul 29 Javascript
JS实现具备延时功能的滑动门菜单效果
Sep 17 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
jquery实现全选功能效果的实现代码
May 05 Javascript
JavaScript 数组- Array的方法总结(推荐)
Jul 21 Javascript
EasyUI学习之Combobox级联下拉列表(2)
Dec 29 Javascript
jQuery+CSS实现的table表格行列转置功能示例
Jan 08 jQuery
使用JSON格式提交数据到服务端的实例代码
Apr 01 Javascript
js中arguments对象的深入理解
May 14 Javascript
一文看懂如何简单实现节流函数和防抖函数
Sep 05 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
Oct 30 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判断浏览器的类型和语言的函数代码
2013/02/28 PHP
PHP整数取余返回负数的相关解决方法
2014/05/15 PHP
PHP实现将浏览历史页面网址保存到cookie的方法
2015/01/26 PHP
php文件下载处理方法分析
2015/04/22 PHP
php返回当前日期或者指定日期是周几
2015/05/21 PHP
PHP微信分享开发详解
2017/01/14 PHP
很多人都是用下面的js刷新站IP和PV
2008/09/05 Javascript
javascript原型链继承用法实例分析
2015/01/28 Javascript
JQuery radio(单选按钮)操作方法汇总
2015/04/15 Javascript
JavaScript中判断两个字符串是否相等的方法
2015/07/07 Javascript
jQuery实现带玻璃流光质感的手风琴特效
2015/11/20 Javascript
jquery+ajax实现注册实时验证实例详解
2015/12/08 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
2017/03/13 Javascript
json前后端数据交互相关代码
2018/09/19 Javascript
Vue中Quill富文本编辑器的使用教程
2018/09/21 Javascript
详解JavaScript栈内存与堆内存
2019/04/04 Javascript
浅谈发布订阅模式与观察者模式
2019/04/09 Javascript
JavaScript DOM常用操作代码汇总
2020/07/03 Javascript
Python中urllib+urllib2+cookielib模块编写爬虫实战
2016/01/20 Python
Python中easy_install 和 pip 的安装及使用
2017/06/05 Python
PyQt5实现无边框窗口的标题拖动和窗口缩放
2018/04/19 Python
在CMD命令行中运行python脚本的方法
2018/05/12 Python
在python tkinter中Canvas实现进度条显示的方法
2019/06/14 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
python实现人性化显示金额数字实例详解
2020/09/25 Python
Python爬虫制作翻译程序的示例代码
2021/02/22 Python
纯CSS3编写的的精美动画进度条(无flash/无图像/无脚本/附源码)
2013/01/07 HTML / CSS
Tom Dixon官网:英国照明及家具设计和制造公司
2019/03/01 全球购物
澳大利亚最大的在线美发和美容零售商之一:My Hair Care & Beauty
2019/08/24 全球购物
劳资人员岗位职责
2013/12/19 职场文书
2015年社区科普工作总结
2015/05/13 职场文书
教师廉政准则心得体会
2016/01/20 职场文书
接触艺术对孩子学习思维有益
2019/08/06 职场文书
Java版 简易五子棋小游戏
2022/05/04 Java/Android