HTML 学习笔记 JavaScript (Math和Number对象)

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

Number对象:Js中提供的数字的对象。包含整数,浮点数等等。并提供数字的类型转换,小数点截取等方法。

1.Math对象

1.1介绍

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

1.2.构造函数

没有构造函数,无法被初始化,只提供静态属性和方法。

1.3静态属性

1.3.1Math.E

Math.E:常量e。返回自然对数的底数:2.718281828459045

1.3.2 Math.PI:

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。

示例

Math.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,value3.....valueN):返回参数中最大的值

参数:

(1)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次方

参数:

(1)x{Number|NumberStr}:数字或者纯数字的字符串

(2)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)判断参数是否为整数

参数:

(1)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):把参数转换为浮点数

(1)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-08-05 12:28:57

HTML 学习笔记 JavaScript (Math和Number对象)的相关文章

JavaScript Math和Number对象

Math 对象:数学对象,提供对数据的数学计算.如:获取绝对值.向上取整等.无构造函数,无法被初始化,只提供静态属性和方法. Number 对象 :Js中提供数字的对象.包含整数.浮点数等等.并提供数字的类型转换.小数点截取等方法. 1. Math 对象 1.1 介绍 Math 对象,是数学对象,提供对数据的数学计算,如:获取绝对值.向上取整等.无构造函数,无法被初始化,只提供静态属性和方法. 1.2 构造函数 无 :Math 对象无构造函数,无法被初始化,只提供静态属性和方法. 1.3 静态属

JavaScript Math和Number对象研究

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

学习笔记---Javascript事件Event、IE浏览器下的拖拽效果

学习笔记---Javascript事件Event.IE浏览器下的拖拽效果     1. 关于event常用属性有returnValue(是否允许事件处理继续进行, false为停止继续操作).srcElement(触发事件的事件源对象)和attachEvent("onclick",function(){...}); 2. a. 实现拖放(Drag and Drop): 目前支支持IE, 若定制某对象为可拖放对象, 则必须覆盖目标对象的dragenter和dragover事件, 可以用e

Python学习笔记_Chapter 6定制数据对象

1. 有用的BIF a. 判断字符串中是否包含子字符串 1 if s_a in s_b: b. pop() 描述:从指定的列表位置删除并返回一个数据项. 1 (sarah_name,sarah_dob)=l_rah.pop(0),l_rah.pop(0) 2 #pop(0)中0位置为list中第一个数据项 3 #第一次执行pop赋值给sarah_name c. strip() 输入的是字符串,返回的是列表 d.open 读文件时可以多种方式打开文件,取出的数据是不同的,可以是文本也可以是二进制.

Php面向对象学习笔记 – 构造、析构、对象赋值、克隆

Php面向对象学习笔记 – 构造.析构.对象赋值.克隆 class student { public  $stu_id;       // 定义成员变量 public  $stu_name; public  function sayName()   // 成员函数 { echo $this->stu_name;   // $this  访问该对象的成员变量 } } $stu = new  Student;      // 创建对象 $stu->stu_id = '0607001'; $stu-

【WPF学习笔记】之 System.Exception 对象名 'XXXX' 无效。

我在运行vs时候发现项目报错,如下图: 报Exception错误,对象名"XXXXXX"无效. 经过调查得知,因为连接数据库的库名写错了,如下: 对应正确数据库的库名: 把库名改正确,问题就解决了. [WPF学习笔记]之 System.Exception 对象名 'XXXX' 无效.

JavaScript学习笔记(十五)——对象之Date,RegExp

在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/学习. Date 在JavaScript中,Date对象用来表示日期和时间. 系统当前时间: var now = new Date(); now; // Thu Nov 30 2017 20:50:03 GMT+0800 (中国标准时间) now.getFullYear(); // 2017, 年份

HTML 学习笔记 JavaScript(面向对象)

现在让我们继续跟着大神的脚步前进 学习一下JavaScript中的面向对象的思想,其实作为一个iOS开发者,对面向对象还是比较熟悉的,但是昨晚看了一下Js中的面向对象,妈蛋 一脸萌比啊.还好有大神.让我们跟着大神的思路在捋一下.(在这里更欢迎大家阅读原博 )原博地址:http://www.cnblogs.com/dolphinX/p/4385862.html 理解对象 对象这个词如雷贯耳,同样出名的一句话:XXX语言中一切皆为对象! 对象是什么?什么觉面向对象的编程? 对象(object),台湾

读书笔记-JavaScript中的全局对象

对于任何JavaScript程序,当程序开始运行时,JavaScript解释器都会初始化一个全局对象以供程序使用.这个JavaScript自身提供的全局对象的功能包括: 1.全局对象拥有一些常用的属性值.比如undefined.Infinity以及NaN.2.全局对象拥有一些常用的属性对象.比如Math.JSON和Number对象均为该全局对象的属性.3.全局对象提供一些全局函数供调用.比如isNaN().isFinite().parseInt()和eval()等.4.全局对象提供一些全局构造器