Heim > Artikel > Web-Frontend > Wie konvertiere ich ein JSON-Ergebnis mithilfe von JavaScript in das aktuelle Ergebnis?

Wie konvertiere ich ein JSON-Ergebnis mithilfe von JavaScript in das aktuelle Ergebnis?

王林nach vorne: 2023-09-08 11:33:08577Durchsuche

如何使用 JavaScript 将 JSON 结果转换为日期？

JSON ist ein leistungsstarkes Datenformat, das zum Datenaustausch zwischen Servern und Clients verwendet wird. Oftmals werden JSON-Daten im String-Format empfangen und wir müssen sie in ein verwendbares JSON-Objekt konvertieren. Eine wichtige Voraussetzung in diesem Prozess ist die Konvertierung von Zeichenfolgendaten in das Datumsformat. In diesem Artikel erfahren Sie, wie Sie JSON-Ergebnisse mithilfe von Javascript in eine Datumszeichenfolge konvertieren.

JSON-Objekt enthält ein Datum wie dieses -

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

Das Ergebnis wird -

sein

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

Hier sind einige Möglichkeiten, dies zu erreichen -

Verwenden Sie die string.replace-Methode
Verwenden Sie reguläre Ausdrücke

Methode 1: Verwenden Sie die Methode replace() von String

Die Ersetzungsmethode in JavaScript wird verwendet, um einen Teil einer Zeichenfolge durch eine andere Zeichenfolge zu ersetzen. Im Folgenden finden Sie die Schritte zum Konvertieren des JSON-Ergebnisses in das aktuelle Datum mithilfe der String.replace-Methode.

Ersetzen Sie den ersten Teil der Zeichenfolge „/Date(“ durch eine leere Zeichenfolge
Ersetzen Sie den letzten Teil der Zeichenfolge „)/“ durch eine leere Zeichenfolge
Erstellen Sie ein neues Date-Objekt, indem Sie die Millisekunden aus einer JSON-Zeichenfolge analysieren
Da Sie nun ein Datum haben, können Sie es als normales Javascript-Datum verwenden.

Beispiel

In diesem Beispiel verwenden wir die Methode String.replace(), um das JSON-Ergebnis in ein Datum umzuwandeln.

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

Methode 2: Verwenden Sie reguläre Ausdrücke

Hier sind die Schritte zum Konvertieren von JSON-Ergebnissen in Datumsangaben mithilfe regulärer Ausdrücke.

Extrahieren Sie den Unix-Zeitstempel aus der JSON-Datumszeichenfolge mithilfe eines regulären Ausdrucks
Erstellen Sie ein neues Date-Objekt, indem Sie die Millisekunden aus einer JSON-Zeichenfolge analysieren
Da Sie nun ein Datum haben, können Sie es als normales JavaScript-Datum verwenden.

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

Das obige ist der detaillierte Inhalt vonWie konvertiere ich ein JSON-Ergebnis mithilfe von JavaScript in das aktuelle Ergebnis?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript json 正则表达式 String date 字符串对象 unix

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：JavaScript-Programm zur Berechnung der Inversion der Größe 3 in einem bestimmten ArrayNächster Artikel：JavaScript-Programm zur Berechnung der Inversion der Größe 3 in einem bestimmten Array

In Verbindung stehende Artikel

Mehr sehen