如何在 JavaScript 中將日期物件的內容轉換為 JSON?


指定日期物件的內容使用 date.toJSON() 函式轉換為字串。應用 date() 建構函式,生成日期物件。日期描述時間中的特定時刻。Date 物件的值由 toJSON() 函式(使用 toISOString())返回的字串描述。通常,此函式被程式設計為在 JSON 序列化期間自動有意義地序列化 Date 物件。

DateObj 是由 Date() 建構函式生成的有效 Date 物件,其資料已轉換為字串。以下是一些示例中提到的過程的其他程式碼:

語法

以下是將日期物件轉換為 JSON 的語法

dateObj.toJSON()

引數 - 此方法不接受任何引數。它僅與使用 Date() 建構函式形成的 Date 物件一起使用

返回值

顯示指定日期的字串。

示例 1

在此示例中,讓我們瞭解Date toJSON() 方法的基本示例。

<!DOCTYPE html> <html> <title>How to convert a date object's content into json in JavaScript - TutorialsPoint</title> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div id="result"></div> <script> let customDate = new Date('December 31, 2002 05:35:32'); let stringJson = customDate.toJSON(); document.getElementById("result").innerHTML =stringJson; </script> </body>

示例 2

即使在生成日期物件時未提供任何引數,toJSON() 方法仍然返回當前日期名稱、月份名稱、日期、年份和時間。

<!DOCTYPE html> <html> <title>How to convert a date object's content into json in JavaScript - TutorialsPoint</title> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div id="result"></div> <script> let customDate = new Date(); let stringJson = customDate.toJSON(); document.getElementById("result").innerHTML =stringJson ; </script> </body> </html>

示例 3

當提供看似隨機的值列表時,toJSON() 方法會返回相應的生成字串。Date() 建構函式的格式類似於 Date(月, 日, 年, 時)。透過使用此格式,一些值被髮送到下面的軟體,並且相應的字串被生成作為輸出。以下時間格式是合適的(數字:數字:數字)。

<!DOCTYPE html> <html> <title>How to convert a date object's content into json in JavaScript - TutorialsPoint</title> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <script> let dateObject1 = new Date('1'); let dateObject2 = new Date('2, 3,4'); let dateObject3 = new Date('2, 3, 4, 11:00:12'); let dateObject4 = new Date('12, 5, 4, 0:0');let str1 = dateObject1.toJSON();
let str2 = dateObject2.toJSON(); let str3 = dateObject3.toJSON(); let str4 = dateObject4.toJSON();
document.write(str1 + "<br>"); document.write(str2 + "<br>"); document.write(str3 + "<br>"); document.write(str4); </script> </body> </html>

示例 4

月份、日期、小時、分鐘、秒和毫秒必須在月份的 0 到 11、日期的 1 到 31、小時的 0 到 23、分鐘的 0 到 59、秒的 0 到 59 和毫秒的 0 到 999 之內,以便 toJSON() 方法將返回 null。

此處日期給出為 42,超出日期範圍,因此以下程式碼的輸出為 null。

<!DOCTYPE html> <html> <title>How to convert a date object's content into json in JavaScript - TutorialsPoint</title> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <script> let customDateObj = new Date('October 42, 1996 05:35:32'); let strJson = customDateObj.toJSON(); document.write(strJson); </script> </body> </html>

示例 5

在此示例中,讓我們瞭解如何將當前日期作為字串檢索。

<!DOCTYPE html> <html> <title>How to convert a date object's content into json in JavaScript - TutorialsPoint</title> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <script> let date=new Date(); let strJson=date.toJSON(); document.writeln(new Date(strJson).toUTCString()); </script> </body> </html>

示例 6

我們可以看到我們只需要日期的前 10 個字元,所以讓我們使用 JavaScript 的 slice() 技術。在我們的示例中,方法 slice(a, b) 在點 a 和 b 之間將字串從 0 切片到 10。讓我們試一試:

此字串可以進一步分割,以便可以將位分配給變數 day、month 和 year,但這樣做將是過度的。如果您需要不同的格式,只需選擇不同的路徑即可。

<!DOCTYPE html> <html> <title>How to convert a date object's content into json in JavaScript - TutorialsPoint</title> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <script> let date = new Date().toJSON().slice(0, 10); document.write(date); </script> </body> </html>

更新於: 2022年8月4日

1K+ 瀏覽量

開啟您的 職業生涯

透過完成課程獲得認證

開始學習
廣告