JS基础学习第十三天：Math对象方法和Date日期方法

Math对象

==========

Math是一个内置对象，它具有数学场数和函数的属性和方法。不是一个函数对象

属性：

 Math.E
    欧拉常数，也是自然对数的底数, 约等于 2.718.
 Math.LN2
    2的自然对数, 约等于0.693.
 Math.LN10
   10的自然对数, 约等于 2.303.
 Math.LOG2E
    以2为底E的对数, 约等于 1.443.
 Math.LOG10E
    以10为底E的对数, 约等于 0.434.
 Math.PI
    圆周率，一个圆的周长和直径之比，约等于 3.14159.
 Math.SQRT1_2
    1/2的平方根, 约等于 0.707.
 Math.SQRT2
    2的平方根,约等于 1.414.

方法： Math.sin(x)
   返回正弦值

Math.sin(0);           // 0Math.sin(1);           // 0.8414709848078965Math.sin(Math.PI / 2); // 1

 Math.max([x[,y[,…]]])
   返回0个到多个数值中最大值.

Math.max(10, 20);   //  20Math.max(-10, -20); // -10Math.max(-10, 20);  //  20

 Math.min([x[,y[,…]]])
   返回0个到多个数值中最小值.

var x = 10, y = -20;var z = Math.min(x, y);

 Math.pow(x,y)
   返回x的y次幂.

  如果 x 是 7 ，且 y 是 2，则 raisePower 函数返回 49 （7 的 2 次幂）。
 Math.random()
   返回0到1之间的伪随机数.[0, 1）

function getRandom() {  return Math.random();}

 Math.round(x)
   返回四舍五入后的整数.

Math.fround(0);     // 0Math.fround(1);     // 1Math.fround(1.337); // 1.3370000123977661Math.fround(1.5);   // 1.5Math.fround(NaN);   // NaN

 Math.log(x)
   返回一个数的自然对数（loge， 即ln）。

Math.log(-1); // NaN, out of rangeMath.log(0); // -InfinityMath.log(1); // 0Math.log(10); // 2.302585092994046

 Math.floor(x)
   返回小于或者等于x的最大整数。

Math.floor( 45.95); // 45 Math.floor( 45.05); // 45 Math.floor( 4 ); // 4 Math.floor(-45.05); // -46 Math.floor(-45.95); // -46

 Math.exp(x)
   返回 Ex, 当x为参数,  E 是欧拉常数 (2.718...), 自然对数的底.

Math.exp(-1); // 0.36787944117144233Math.exp(0);  // 1Math.exp(1);  // 2.718281828459045

 Math.cos(x)
   返回x的余弦值.

Math.cos(0);           // 1Math.cos(1);           // 0.5403023058681398Math.cos(Math.PI);     // -1Math.cos(2 * Math.PI); // 1

 Math.ceil(x)
   返回x向上取整后的值.大于或等于给定数字的最小整数

Math.ceil(.95);    // 1Math.ceil(4);      // 4Math.ceil(7.004);  // 8Math.ceil(-0.95);  // -0Math.ceil(-4);     // -4Math.ceil(-7.004); // -7

 Math.atan(x)
   以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值.

Math.atan(1);  // 0.7853981633974483Math.atan(0);  // 0

 Math.asin(x)
   返回x的反正弦值.

Math.asin(-2);  // NaNMath.asin(-1);  // -1.5707963267948966 (-pi/2)Math.asin(0);   // 0Math.asin(0.5); // 0.5235987755982989Math.asin(1);   // 1.570796326794897 (pi/2)Math.asin(2);   // NaN

 Math.abs(x)
   返回x的绝对值.

Math.abs('-1');     // 1Math.abs(-2);       // 2Math.abs(null);     // 0Math.abs("string"); // NaNMath.abs();         // NaN

 Math.acos(x)
   返回x的反余弦值.

Math.acos(-2);  // NaNMath.acos(-1);  // 3.141592653589793Math.acos(0);   // 1.5707963267948966Math.acos(0.5); // 1.0471975511965979Math.acos(1);   // 0Math.acos(2);   // NaN

Date对象

========

　　Date对象是javascript语言中内置的数据类型，用于提供日期和时间的操作接口。Date对象是在早期java中的java.util.Date类基础上创建的，为此，Date类型使用自UTC1970年1月1日0点开始经过的毫秒数来保存日期，它可以表示的时间范围是1970年1月1日0点前后的各1亿天。本文将详细介绍Date对象的用法

 

静态方法

　　在介绍Date对象的构造函数之前，先介绍静态方法。因为，Date对象的静态方法与其构造函数有着千丝万缕的联系。使用构造函数创建Date对象的过程，类似于披着外套的静态方法的使用过程

　　Date对象总共有三个静态方法，分别是Date.now()、Date.parse()、Date.UTC()。这些方法通过Date()构造函数本身调用，而不是通过Date实例对象

Date.now()

　　ECMAScript5新增了now()方法，该方法返回当前时间距离1970年1月1日0点UTC的毫秒数。该方法不支持传递参数

　　[注意]该方法返回的是Number数字类型

console.log(Date.now());//1468297046050console.log(Date.now('2016,1,1'));//1468297046050console.log(typeof Date.now());//'number'

在不支持Date.now()方法的浏览器中，可以用+操作符把Date对象转换成数字，也可以实现类似效果

console.log(new Date());//Tue Jul 12 2016 12:21:33 GMT+0800 (中国标准时间)console.log(+new Date());//1468297293433console.log(+new Date(2000,1,1));//949334400000

该方法常用于分析代码的工作

var start = Date.now();doSomething();var stop = Date.now();result = stop - start;

Date.parse()

　　该方法用于解析一个日期字符串，参数是一个包含待解析的日期和时间的字符串，返回从1970年1月1日0点到给定日期的毫秒数

　　该方法会根据日期时间字符串格式规则来解析字符串的格式，除了标准格式外，以下格式也支持。如果字符串无法识别，将返回NaN

　　1、'月/日/年' 如6/13/2004

　　2、'月 日,年' 如January 12,2004或Jan 12,2004

　　3、'星期 月 日 年 时:分:秒 时区' Tue May 25 2004 00:00:00 GMT-0700

　　[注意]浏览器不支持不表示日期只表示时间的字符串格式

console.log(Date.parse('6/13/2004'));//1087056000000console.log(Date.parse('January 12,2004'));//1073836800000console.log(Date.parse('Tue May 25 2004 00:00:00 GMT-0700'));//1085468400000console.log(Date.parse('2004-05-25T00:00:00'));//1085443200000console.log(Date.parse('2016'));//1451606400000console.log(Date.parse('T00:00:00'));//NaNconsole.log(Date.parse());//NaN

[注意]在ECMAScript5中，如果使用标准的日期时间字符串格式规则的字符串中，数学前有前置0，则会解析为UTC时间，时间没有前置0，则会解析为本地时间。其他情况一般都会解析为本地时间

console.log(Date.parse('7/12/2016'));//1468252800000console.log(Date.parse('2016-7-12'));//1468252800000console.log(Date.parse('2016-07-12'));//1468281600000

Date.UTC()

　　Date.UTC()同样返回给定日期的毫秒数，但其参数并不是一个字符串，而是分别代表年、月、日、时、分、秒、毫秒的数字参数

　　Date.UTC(year,month,day,hours,minutes,seconds,ms)，year和month参数是固定的，其余参数可选，日期时间格式规则详见此

　　因为该函数有7个形参，所以其length值为7

console.log(Date.UTC.length);//7

[注意]该方法使用的是UTC时间，而不是本地时间

console.log(Date.UTC(1970));//NaNconsole.log(Date.UTC(1970,0));//0console.log(Date.UTC(1970,0,2));//86400000console.log(Date.UTC(1970,0,1,1));//3600000console.log(Date.UTC(1970,0,1,1,59));//714000console.log(Date.UTC(1970,0,1,1,59,30));//717000

构造函数

Date()构造函数有多达5种的使用方法

【0】Date()函数可以不带new操作符，像一个函数一样调用。它将忽略所有传入的参数，并返回当前日期和时间的一个字符串表示

 Date();

　[注意]由于Date()函数没有使用操作符，实际上它不能被称为构造函数

console.log(Date());//"Tue Jul 12 2016 13:38:41 GMT+0800 (中国标准时间)"console.log(Date('2016/1/1'));//"Tue Jul 12 2016 13:38:41 GMT+0800 (中国标准时间)"console.log(typeof Date());//'string'

【1】Date()函数使用new操作符，且不带参数时，将根据当前时间和日期创建一个Date对象

 new Date();

console.log(new Date());//Tue Jul 12 2016 13:41:45 GMT+0800 (中国标准时间)console.log(new Date);//Tue Jul 12 2016 13:41:45 GMT+0800 (中国标准时间)console.log(typeof new Date());//'object'

【2】Date()函数可接受一个数字参数，该参数表示设定时间与1970年1月1日0点之间的毫秒数

new Date(milliseconds);

console.log(new Date(0));//Thu Jan 01 1970 08:00:00 GMT+0800 (中国标准时间)console.log(new Date(86400000));//Fri Jan 02 1970 08:00:00 GMT+0800 (中国标准时间)console.log(typeof new Date(0));//objec

【3】Date()函数可接受一个字符串参数，参数形式类似于Date.parse()方法。但parse()方法返回的是一个数字，而Date()函数返回的是一个对象 

new Date(datestring);

console.log(new Date('6/13/2004'));//Sun Jun 13 2004 00:00:00 GMT+0800 (中国标准时间)console.log(Date.parse('6/13/2004'));//1087056000000console.log(typeof new Date(6/13/2004));//objectconsole.log(typeof Date.parse(6/13/2004));//number

关于标准的日期时间字符串中前置0的处理，也类似于Date.parse()方法，若有前置0，则相当于UTC时间，若没有，则相当于本地时间。其余情况一般都为本地时间

console.log(new Date('7/12/2016'));//Tue Jul 12 2016 00:00:00 GMT+0800 (中国标准时间)console.log(new Date('2016-7-12'));//Tue Jul 12 2016 00:00:00 GMT+0800 (中国标准时间)console.log(new Date('2016-07-12'));//Tue Jul 12 2016 08:00:00 GMT+0800 (中国标准时间)

【4】Date()函数可接受参数形式类似于Date.UTC()方法的参数，但Date.UTC()方法返回是一个毫秒数，且是UTC时间，而Date()函数返回是一个对象，且是本地时间

console.log(new Date(2016,7,12));//Fri Aug 12 2016 00:00:00 GMT+0800 (中国标准时间)console.log(+new Date(2016,7,12));//1470931200000console.log(typeof new Date(2016,7,12));//'object'console.log(Date.UTC(2016,7,12));//1470960000000console.log(typeof Date.UTC(2016,7,12));//'number'

[注意]使用参数类似于Date.parse()函数的方法时，如果日期对象超出范围，浏览器会自动将日期计算成范围内的值；使用参数类似于Date.UTC()函数的方法时，如果日期对象超出范围，浏览器会提示Invalid Date

console.log(new Date(2016,7,32));//Thu Sep 01 2016 00:00:00 GMT+0800 (中国标准时间)console.log(new Date(2016,8,1));//Thu Sep 01 2016 00:00:00 GMT+0800 (中国标准时间)console.log(new Date('2016-8-32'));//Invalid Dateconsole.log(new Date('2016-9-1'));//Thu Sep 01 2016 00:00:00 GMT+0800 (中国标准时间)

实例方法

　　Date对象没有可以直接读写的属性，所有对日期和时间的访问都需要通过方法。Date对象的大多数方法分为两种形式：一种是使用本地时间，一种是使用UTC时间，这些方法在下面一起列出。例如，get[UTC]Day()同时代表getDay()和getUTCDay()

　　Date对象一共有46个实例方法，可以分为以下3类：to类、get类、set类

【to类】

　　to类方法从Date对象返回一个字符串，表示指定的时间

toString()

　　返回本地时区的日期字符串

toUTCString()

　　返回UTC时间的日期字符串

toISOString()

　　返回Date对象的标准的日期时间字符串格式的字符串

toDateString()

　　返回Date对象的日期部分的字符串

toTimeString()

　　返回Date对象的时间部分的字符串

toJSON()

　　返回一个符合JSON格式的日期字符串，与toISOString方法的返回结果完全相同

console.log(new Date('2016-7-12').toString());//Tue Jul 12 2016 00:00:00 GMT+0800 (中国标准时间)console.log(new Date('2016-7-12').toUTCString());//Mon, 11 Jul 2016 16:00:00 GMTconsole.log(new Date('2016-7-12').toISOString());//2016-07-11T16:00:00.000Zconsole.log(new Date('2016-7-12').toDateString());//Tue Jul 12 2016console.log(new Date('2016-7-12').toTimeString());//00:00:00 GMT+0800 (中国标准时间)console.log(new Date('2016-7-12').toJSON());//2016-07-11T16:00:00.000Z

toLocaleString()

　　toString()方法的本地化转换

toLocaleTimeString()

　　toTimeString()方法的本地化转换

toLocaleDateString()

　　toDateString()方法的本地化转换

console.log(new Date('2016-7-12').toString());//Tue Jul 12 2016 00:00:00 GMT+0800 (中国标准时间)console.log(new Date('2016-7-12').toLocaleString());//2016/7/12 上午12:00:00console.log(new Date('2016-7-12').toDateString());//Tue Jul 12 2016console.log(new Date('2016-7-12').toLocaleDateString());//2016/7/12console.log(new Date('2016-7-12').toTimeString());//00:00:00 GMT+0800 (中国标准时间)console.log(new Date('2016-7-12').toLocaleTimeString());//上午12:00:00

【get类】

　　Date对象提供了一系列get类方法，用来获取实例对象某个方面的值

　　在介绍get类方法之前，首先要介绍valueOf()方法

valueOf()

　　返回距离1970年1月1日0点的毫秒数

　　因此，可以方便地使用比较运算符来比较日期值

var date1 = new Date(2007,0,1);var date2 = new Date(2007,1,1);console.log(date1 > date2);//falseconsole.log(date1 < date2);//true

getTime()

　　返回距离1970年1月1日0点的毫秒数，同valueOf()

　　在ECMAScript5之前，可以使用getTime()方法实现Date.now()

    Date.now = function(){        return (new Date()).getTime()    }

getTimezoneOffset()

　　返回当前时间与UTC的时区差异，以分钟表示(8*60=480分钟)，返回结果考虑到了夏令时因素

console.log(new Date('2016-7-12').valueOf());//1468252800000console.log(new Date('2016-7-12').getTime());//1468252800000console.log(new Date('2016-7-12').getTimezoneOffset());//-480

getYear()

　　返回距离1900年的年数(已过时)

get[UTC]FullYear()

　　返回年份(4位数)

get[UTC]Month()

　　返回月份(0-11)

get[UTC]Date()

　　返回第几天(1-31)

get[UTC]Day()

　　返回星期几(0-6)

get[UTC]Hours()

　　返回小时值(0-23)

get[UTC]Minutes()

　　返回分钟值(0-59)

get[UTC]Seconds()

　　返回秒值(0-59)

get[UTC]Milliseconds()

　　返回毫秒值(0-999)

　　[注意]通过标准日期时间格式字符串，且有前置0的形式的参数设置，设置的是UTC时间

console.log(new Date('2016-07-12T10:00').getYear());//116console.log(new Date('2016-07-12T10:00').getFullYear());//2016console.log(new Date('2016-07-12T10:00').getUTCFullYear());//2016console.log(new Date('2016-07-12T10:00').getMonth());//6console.log(new Date('2016-07-12T10:00').getUTCMonth());//6console.log(new Date('2016-07-12T10:00').getDate());//12console.log(new Date('2016-07-12T10:00').getUTCDate());//12console.log(new Date('2016-07-12T10:00').getDay());//2console.log(new Date('2016-07-12T10:00').getUTCDay());//2console.log(new Date('2016-07-12T10:00').getHours());//18console.log(new Date('2016-07-12T10:00').getUTCHours());//10console.log(new Date('2016-07-12T10:00').getMinutes());//0console.log(new Date('2016-07-12T10:00').getUTCMinutes());//0console.log(new Date('2016-07-12T10:00').getSeconds());//0console.log(new Date('2016-07-12T10:00').getUTCSeconds());//0console.log(new Date('2016-07-12T10:00').getMilliseconds());//0console.log(new Date('2016-07-12T10:00').getUTCMilliseconds());//0

//当前时间为16:35console.log(new Date().getHours());//16console.log(new Date().getUTCHours());//8

【set类】

　　Date对象提供了一系列set类方法，用来设置实例对象的各个方面

　　set方法基本与get方法相对应，set方法传入类似于Date.UTC()的参数，返回调整后的日期的内部毫秒数

　　[注意]星期只能获取，不能设置

setTime()

　　使用毫秒的格式，设置一个Date对象的值

var d = new Date('2016-07-12T10:00');console.log(d.setTime(86400000),d);//86400000 Fri Jan 02 1970 08:00:00 GMT+0800 (中国标准时间)

setYear()

　　设置年份(已过时)

var d = new Date('2016-07-12T10:00');console.log(d.setYear(2000),d,d.getYear());//963396000000 Wed Jul 12 2000 18:00:00 GMT+0800 (中国标准时间) 100

set[UTC]FullYear()

　　设置年份(4位数)，以及可选的月份值和日期值

set[UTC]Month()

　　设置月份(0-11)，以及可选的日期值

set[UTC]Date()

　　设置第几天(1-31)

var d = new Date('2016-07-12T10:00');console.log(d.setFullYear(2015,1,1),d.getFullYear());//1422784800000 2015console.log(d.setMonth(2),d.getMonth());//1425204000000 2console.log(d.setDate(20),d.getDate());//1426845600000 20console.log(d.toLocaleString());//2015/3/20 下午6:00:0

set[UTC]Hours()

　　设置小时值(0-23)，以及可选的分钟值、秒值及毫秒值

set[UTC]Minutes()

　　设置分钟值(0-59)，以及可选的秒值及毫秒值

set[UTC]Seconds()

　　设置秒值(0-59)，以及可选的毫秒值

set[UTC]Milliseconds()

　　设置毫秒值(0-999)

var d = new Date('2016-07-12T10:20:30');console.log(d.setHours(1,2,3),d.getHours());//1468256523000 1console.log(d.setMinutes(2,3),d.getMinutes());//1468256523000 2console.log(d.setSeconds(3),d.getSeconds());//1468256523000 3console.log(d.toLocaleTimeString())//上午1:02:03

var d = new Date('2016-07-12T10:20:30');console.log(d.setUTCHours(1,2,3),d.getHours());//1468285323000  9console.log(d.setUTCMinutes(2,3),d.getMinutes());//1468285323000  2console.log(d.setUTCSeconds(3),d.getSeconds());//1468285323000  3console.log(d.toLocaleTimeString())//上午9:02:03

参考资料

https://www.cnblogs.com/xiaohuochai/p/5663102.html