首页 / JAVASCRIPT / 浅谈JavaScriptMath和Number对象_javascript技巧

浅谈JavaScriptMath和Number对象_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了浅谈JavaScriptMath和Number对象_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含7782字，纯文字阅读大概需要12分钟。

内容图文

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对象

内容总结

以上是互联网集市为您收集整理的浅谈JavaScriptMath和Number对象_javascript技巧全部内容，希望文章能够帮你解决浅谈JavaScriptMath和Number对象_javascript技巧所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/323695.html

来源：【匿名】

【上一篇】js的toUpperCase方法用法实例_基础知识【下一篇】javascript 怎么调用php方法

更多 ►

【浅谈JavaScriptMath和Number对象_javascript技巧】教程文章相关的互联网学习教程文章

瞠目结舌的JavaScript技巧

今天在知乎上看到一篇JavaScript技巧，学习并收藏之1. 快速打印一个五分制的评分情况function getRating(rating) { if(rating > 5 || rating < 0) throw new Error(‘数字不在范围内‘); return ‘★★★★★☆☆☆☆☆‘.substring(5 - rating, 10 - rating );}2.拼接重复字符串（abcabcabc）//输出n个‘abc’拼接的字符串var str = new Array(n+1).join(‘abc‘);false => ![]true => !![]undefined => ...

javascript技巧

1.将arguments转化为数组函数中的预定义变量arguments并非一个真正的数组，而是一个类似数组的对象。它具有length属性，但是没有slice, push, sort等函数，那么如何使arguments具有这些数组才有的函数呢？也就是说如何使arguments变成一个真正的数组呢？function args(){ return [].slice.call(arguments)}var m=args(2,5,8) // [2, 5, 8]m.push(10)//可以使用数组方法console.log(m)// [2, 5, 8,10] 2.数组中的最大值var arr...

45个实用的JavaScript技巧、窍门和最佳实践

1 – 在第一次给一个变量赋值的时候不要忘记使用var关键字给一个未定义的变量赋值会导致创建一个全局变量。要避免全局变量。2 – 使用===，而不是＝＝==（或!=）操作符在需要的时候会自动执行类型转换。===（或!==）操作不会执行任何转换。它将比较值和类型，而且在速度上也被认为优于==。12345678[10] === 10 // is false[10] == 10 // is true‘10‘== 10 // is true‘10‘=== 10 // is false [] == 0 ...

看各类框架源码淘来的一些JavaScript技巧【代码】

1. 创建定长的JavaScript数组，并赋空值；出自VUE文档Render函数讲解// 创建定长20的JavaScript数组，并把每个项的值设为null Array.apply(null, { length: 20 }).map(function(v,k,ar){return ar[k] = null; })// 创建定长20的JavaScript数组，并把每个项的值设为undefined Array.apply(null, { length: 20 }).map(function(){}) 2.可靠的类型判断；var arr = [[], {}, function(){}, "", null, undefined, 0, true ];for(var i i...

原生JavaScript技巧大收集(1~10)

1、原生JavaScript实现字符串长度截取01functioncutstr(str, len) {02 vartemp;03 varicount = 0;04 varpatrn = /[^\x00-\xff]/;05 varstrre = "";06 for(vari = 0; i < str.length; i++) {07 if(icount < len - 1) {08 temp = str.substr(i, 1);09 if(patrn.exec(temp) == null) {10 icount = icount + 111 } else{12 icount = icount + 2...

javascript设计模式之解释器模式详解_javascript技巧【图】

神马是“解释器模式”？先翻开《GOF》看看Definition：给定一个语言，定义它的文法的一种表示，并定义一个解释器，这个解释器使用该表示来解释语言中的句子。在开篇之前还是要科普几个概念：抽象语法树：解释器模式并未解释如何创建一个抽象语法树。它不涉及语法分析。抽象语法树可用一个表驱动的语法分析程序来完成，也可用手写的（通常为递归下降法）语法分析程序创建，或直接client提供。解析器：指的是把描述客户端调用要求...

JavaScript设计模式之单例模式实例_javascript技巧【图】

《Practical Common Lisp》的作者 Peter Seibel 曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员，在短跑甚至拳击方面有一些优势，在练瑜伽上就欠缺一些。术士和暗影牧师很容易成为一个出色的辅助，而一个背着梅肯满地图飞的敌法就会略显...

JavaScript设计模式之观察者模式（发布者-订阅者模式）_javascript技巧

观察者模式( 又叫发布者-订阅者模式 )应该是最常用的模式之一. 在很多语言里都得到大量应用. 包括我们平时接触的dom事件. 也是js和dom之间实现的一种观察者模式.代码如下: div.onclick = function click (){ alert ( ”click ) }只要订阅了div的click事件. 当点击div的时候, function click就会被触发。那么到底什么是观察者模式呢. 先看看生活中的观察者模式。好莱坞有句名言. “不要给我打电话，我会给你打电话”. 这句话就...

JavaScript设计模式之外观模式实例_javascript技巧

外观模式(门面模式)，是一种相对简单而又无处不在的模式。外观模式提供一个高层接口，这个接口使得客户端或子系统更加方便调用。用一段再简单不过的代码来表示：代码如下: var getName = function(){ return ”svenzeng” } var getSex = function(){ return ‘man } 如果你需要分别调用getName和getSex函数. 那可以用一个更高层的接口getUserInfo来调用.代码如下: var getUserInfo = function(){ var info = a() + b(); return i...

JavaScript设计模式之策略模式实例_javascript技巧

策略模式的意义是定义一系列的算法，把它们一个个封装起来，并且使它们可相互替换。一个小例子就能让我们一目了然。回忆下jquery里的animate方法.代码如下: $( div ).animate( {“left: 200px”}, 1000, ‘linear ); //匀速运动 $( div ).animate( {“left: 200px”}, 1000, ‘cubic ); //三次方的缓动这2句代码都是让div在1000ms内往右移动200个像素. linear(匀速)和cubic(三次方缓动)就是一种策略模式的封装. 再来一个例子. ...

首页 / JAVASCRIPT / 浅谈JavaScriptMath和Number对象_javascript技巧

浅谈JavaScriptMath和Number对象_javascript技巧

内容导读

内容图文

内容总结

内容备注

内容手机端

【浅谈JavaScriptMath和Number对象_javascript技巧】教程文章相关的互联网学习教程文章

瞠目结舌的JavaScript技巧

javascript技巧

45个实用的JavaScript技巧、窍门和最佳实践

看各类框架源码淘来的一些JavaScript技巧【代码】

原生JavaScript技巧大收集(1~10)

javascript设计模式之解释器模式详解_javascript技巧【图】

JavaScript设计模式之单例模式实例_javascript技巧【图】

JavaScript设计模式之观察者模式（发布者-订阅者模式）_javascript技巧

JavaScript设计模式之外观模式实例_javascript技巧

JavaScript设计模式之策略模式实例_javascript技巧

JavaScript设计模式之外观模式介绍_javascript技巧

JavaScript设计模式之装饰者模式介绍_javascript技巧

JavaScript设计模式之抽象工厂模式介绍_javascript技巧

JavaScript设计模式之代理模式介绍_javascript技巧

JavaScript设计模式之适配器模式介绍_javascript技巧

JAVASCRIPT - 相关标签

NUMBER - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程