日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網為廣大站長提供免費收錄網站服務,提交前請做好本站友鏈:【 網站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

JSON 是一種功能強大的數據格式,用于在服務器和客戶端之間交換數據。很多時候,JSON 數據是以字符串格式接收的,我們需要將其轉換為可用的 JSON 對象。在這個過程中,一個重要的需求就是將字符串數據轉換為Date格式。在本文中,我們將學習如何使用 Javascript 將 JSON 結果轉換為日期字符串。

JSON 對象包含這樣的日期 –

{
   name: "John",
   time: '/Date(1559072200000)/'
}

登錄后復制

結果將是 –

Wed May 29 2019 01:06:40 GMT+0530 (India Standard Time) 

登錄后復制

這里有一些實現這一目標的方法 –

    使用 string.replace 方法

    使用正則表達式

    方法一:使用String的replace()方法

    JavaScript中的replace方法用于將一個字符串的一部分替換為另一個字符串。以下是使用 String.replace 方法將 JSON 結果轉換為日期的步驟。

      將字符串“/Date(”的第一部分替換為空字符串

      將字符串“)/”的最后部分替換為空字符串

      通過解析 JSON 字符串中的毫秒數來創建新的 Date 對象

      現在您獲得了日期,您可以將其用作普通的 javascript 日期。

      示例

      在此示例中,我們使用 String.replace() 方法將 JSON 結果轉換為日期。

      <html> 
      <body>
         <h2>Convert JSON results into a date using JavaScript</h2>
         <p>Click the following button to convert JSON results into a date</p>
         <button id="btn" onclick="convert( )"> Click Here </button> <br>
         <h3>Input Data : </h3>
         <p id="input"> /Date(1559072200000)/ </p>
         <h3> Resulting Date: </h3>
         <p id="output"> </p>
         <script>
            function convert() {
               
               // Store the JSON date string in a variable
               var jsonDate = '/Date(1559072200000)/';
               
               // Replace the first part of the string "/Date(" with an empty string
               jsonDate = jsonDate.replace("/Date(", " ")
               
               // Replace the last part of the string ")/" with an empty string
               jsonDate = jsonDate.replace(")/", " ")
               
               // Create a new Date object by parsing the number of milliseconds from the JSON string
               let strDate = new Date(parseInt(jsonDate));
               
               // Get the and output element in the HTML document
               let output = document.getElementById("output")
               
               // Set the inner text of the output element to the formatted date
               output.innerText = strDate;
            }
         </script>
      </body>
      </html>
      

      登錄后復制

      方法 2:使用正則表達式

      以下是使用正則表達式將 JSON 結果轉換為日期的步驟。

        使用正則表達式從 JSON 日期字符串中提取 unix 時間戳

        通過解析 JSON 字符串中的毫秒數來創建新的 Date 對象

        現在您獲得了日期,您可以將其用作普通的 JavaScript 日期。

        <html>
        <body>
           <h2>Convert JSON results into a date using JavaScript</h2>
           <p>Click the following button to convert JSON results into a date</p>
           <button id="btn" onclick="convert( )"> Click Here </button> <br>
           <h3>Input Data : </h3>
           <p id="input"> /Date(1559072200000)/ </p>
           <h3> Resulting Date: </h3>
           <p id="output"> </p>
           <script>
              
              // Function to convert the JSON date format to a readable date
              function convert() {
                 
                 // The JSON date string in the format '/Date(unixTimestamp)/'
                 var jsonDate = '/Date(1559072200000)/'; 
                 
                 // Extract the Unix timestamp from the JSON date string using regex
                 jsonDate = jsonDate.match(/\d+/);
                 
                 // Create a new Date object using the unix timestamp
                 let strDate = new Date(parseInt(jsonDate));
                 
                 // Get a reference to the HTML element with the id "output"
                 let output = document.getElementById("output");
                 output.innerText = strDate;
              }
           </script>
        </body>
        </html>
        

        登錄后復制

        以上就是如何使用 JavaScript 將 JSON 結果轉換為日期?的詳細內容,更多請關注www.92cms.cn其它相關文章!

分享到:
標簽:javascript JSON 如何使用 日期 轉換為
用戶無頭像

網友整理

注冊時間:

網站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網站吧!
最新入駐小程序

數獨大挑戰2018-06-03

數獨一種數學游戲,玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數有氧達人2018-06-03

記錄運動步數,積累氧氣值。還可偷

每日養生app2018-06-03

每日養生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定