Javascript Math对象和Date对象常用方法详解

张宪坤发布于2019-08-21 10:54 / 2914人阅读

摘要：对象是中的一个内置对象，它为数学常量和数学函数提供了属性和方法，而不是一个函数对象。创建日期的几种方法为时间戳为表示日期的字符串注意代表月份的整数值是从月到月常用方法返回自时间标准时间至今所经过的毫秒数。

Math对象

Math 是js中的一个内置对象，它为数学常量和数学函数提供了属性和方法，而不是一个函数对象。

属性

Math.PI
= > 圆周率，一个圆的周长和直径之比，悦等于3.14159.

Math.E
= > 欧拉常数，自然对数的底数，约等于2.718.

常用的方法 1. Math.abs(x)

＝> 取得x的绝对值

var num = -2;
Math.abs(num); // 2

2. Math.random()

= > 返回0到1之间的一个随机数

//随机一个(0,1]的数字
Math.random(); // 0.29510836134846596
//随机返回[0,num)范围内的数字
//Math.random()*num
Math.random*10; //8.028820852140843
//随机返回[start,end)范围内的数字
//Math.random()*(end-start)+start;
Math.random()*(100-50)+50; //71.3784510483645 返回[50,100)的随机数

3. Math.floor(x)

= > 返回小于x的最大整数，通俗的讲就是省略小数点后面的值，保留整数，与 Math.ceil(x)是相对的。

Math.floor(-1.0);  // -1
Math.floor(2.239424);  // 2
Math.floor(3.9);  // 3

4. Math.round(x)

= > 返回四舍五入后的整数

Math.round(1.4);  // 1
Math.round(1.6);  // 2

5. Math.sin(x)

= > 返回 x 的正弦值

Math.sin(90*Math.PI/180);  // 1

6. Math.cos(x)

= > 返回 x 的余弦值

Math.cos(180*Math.PI/180);  // 1

7. Math.ceil(x)

= > 返回x向上取整后的值，通俗的讲就是小数点后有值，就进一位数值

Math.ceil(-1.0);  // -1
Math.ceil(2.239424);  // 3
Math.ceil(3.9);  // 4

Date对象

Date类型是以UTC（Coordinated Universal Time，国际协调时间）1970 年1 月1 日午夜（零时）开始经过的毫秒数来保存日期。

创建日期的几种方法

new Date();  
new Date(value);  // value为时间戳
new Date(dateString);  // dateString为表示日期的字符串
new Date(year, month[,day[,hour[,minutes[,seconds[,millseconds]]]]]);
//注意：代表月份的整数值是从0（1月）到11（12月）

new Date(); // Fri Jul 22 2016 13:32:10 GMT+0800 (CST)
new Date(1469159782236); //  Fri Jul 22 2016 11:56:22 GMT+0800 (CST)
new Date("December 17, 1995 03:24:00");  //Sun Dec 17 1995 03:24:00 GMT+0800 (CST)
new Date("1995-12-17T03:24:00"); //Sun Dec 17 1995 11:24:00 GMT+0800 (CST)
new Date(1995,11,17,3,24,0);  //Sun Dec 17 1995 03:24:00 GMT+0800 (CST)

常用方法 1. Date.now()

= > 返回自 1970-1-1 00:00:00 UTC (时间标准时间)至今所经过的毫秒数。

Date.now();  //1469166290095

2. Date.parse()

= > 解析一个表示日期的字符串，并返回从 1970-1-1 00:00:00 所经过的毫秒数。

Date.parse("Sun Dec 17 1995 03:24:00 GMT+0800 (CST)");
//819141840000

3. getFullYear()

= > 返回指定日期对象的年份

var today = new Date();
today.getFullYear();  // 2016

4. getMonth()

= > 返回指定日期对象的月份（0-11）

var today = new Date();
today.getMonth();  // 6

5. getDate()

= > 返回指定日期对象的月份中的第几天（1-31）

var today = new Date();
today.getDate();  // 22

6. getHours()

= > 返回指定日期对象的小时（0-23)

var today = new Date();
today.getHours();  // 14

7. getMinutes()

= > 返回指定日期对象的分钟（0-59)

var today = new Date();
today.getMinutes();  // 40

8. getSeconds()

= > 返回指定日期对象的秒数（0-59)

var today = new Date();
today.getMinutes();  // 40

日期格式化

一个简单的日期格式化函数

var format = function (time, format) {
    var t = new Date(time);
    var tf = function (i) {
        return (i < 10 ? "0" : "") + i
    };
    return format.replace(/YYYY|MM|DD|hh|mm|ss/g, function (a) {
        switch (a) {
        case "YYYY":
            return tf(t.getFullYear());
            break;
        case "MM":
            return tf(t.getMonth() + 1);
            break;
        case "mm":
            return tf(t.getMinutes());
            break;
        case "DD":
            return tf(t.getDate());
            break;
        case "hh":
            return tf(t.getHours());
            break;
        case "ss":
            return tf(t.getSeconds());
            break;
        }
    });
}

format(new Date().getTime(),"YYYY-MM-DD hh:mm:ss");
// "2016-07-22 15:08:14"
format(new Date().getTime(),"YYYY年MM月DD日 hh时mm分ss秒");
//"2016年07月22日 15时10分18秒"

最后，如果想要格式化日期获得更好的效果，moment.js 是个不错的js库。

参考资料

Date

云服务器 GPU云服务器 javascript对象详解 javascript对象方法 javascript类和对象 date对象

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86399.html

前端基础入门四（JavaScript基础）

摘要：学习目标掌握编程的基本思维掌握编程的基本语法我们先来学习基础，后续会讲解高级。语句基本语法当循环条件为时，执行循环体，当循环条件为时，结束循环。基础语法循环体循环条件代码示例初始化变量循环体自增循环条件语句和一般用来解决无法确认次数的循环。学习目标: 掌握编程的基本思维掌握编程的基本语法我们先来学习JavaScript基础，后续会讲解JavaScript高级。重点内容变...

王军 2019-08-30 15:55 评论0 收藏0
前端基础入门四（JavaScript基础）

摘要：学习目标掌握编程的基本思维掌握编程的基本语法我们先来学习基础，后续会讲解高级。语句基本语法当循环条件为时，执行循环体，当循环条件为时，结束循环。基础语法循环体循环条件代码示例初始化变量循环体自增循环条件语句和一般用来解决无法确认次数的循环。学习目标: 掌握编程的基本思维掌握编程的基本语法我们先来学习JavaScript基础，后续会讲解JavaScript高级。重点内容变...

SnaiLiu 2019-08-23 14:50 评论0 收藏0
前端基础入门四（JavaScript基础）

摘要：学习目标掌握编程的基本思维掌握编程的基本语法我们先来学习基础，后续会讲解高级。语句基本语法当循环条件为时，执行循环体，当循环条件为时，结束循环。基础语法循环体循环条件代码示例初始化变量循环体自增循环条件语句和一般用来解决无法确认次数的循环。学习目标: 掌握编程的基本思维掌握编程的基本语法我们先来学习JavaScript基础，后续会讲解JavaScript高级。重点内容变...

dantezhao 2019-08-02 14:07 评论0 收藏0
前端基础入门四（JavaScript基础）

摘要：学习目标掌握编程的基本思维掌握编程的基本语法我们先来学习基础，后续会讲解高级。语句基本语法当循环条件为时，执行循环体，当循环条件为时，结束循环。基础语法循环体循环条件代码示例初始化变量循环体自增循环条件语句和一般用来解决无法确认次数的循环。学习目标: 掌握编程的基本思维掌握编程的基本语法我们先来学习JavaScript基础，后续会讲解JavaScript高级。重点内容变...

voidking 2019-07-01 11:14 评论0 收藏0