Javascript Math對象和Date對象常用方法詳解

張憲坤發布于2019-08-21 10:54 / 2913人閱讀

摘要：對象是中的一個內置對象，它為數學常量和數學函數提供了屬性和方法，而不是一個函數對象。創建日期的幾種方法為時間戳為表示日期的字符串注意代表月份的整數值是從月到月常用方法返回自時間標準時間至今所經過的毫秒數。

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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