Startseite Beiträge veröffentlicht von admin (Seite 72)

[JavaScript] String in JSON wandeln

Beispiel 1 (simpel)

// https://javascript.info/json

// JSON-Objekt definieren
let sJSON = '{ "name":"Heinz","age":"56","city":"Hamburg" }';

// JSON-Objekt aus String parsen
let oJSONpar = JSON.parse(sJSON);

// Testausgabe
console.log(oJSONpar.name);

Beispiel 2 (reviver)

// JSON-Objekt definieren
let sJSON = '{ "name":"Heinz","age":"56","city":"Hamburg","birth":"2018-04-25T12:00:00.000Z" }';

// JSON-Objekt aus String parsen
let oJSONpar = JSON.parse(sJSON, function(key, value) {

  // wenn Datumsfeld "birth"
  if (key == 'birth')
  {
      // Datumsobjekt zurückgeben
      return new Date(value);
  }
  else
  {
      return value;
  };
});

// Geburtsdatum ist jetzt vom Typ "Date" mit enspr. Funktionen
console.log(oJSONpar.birth.toLocaleString('de-DE'));

[JavaScript] Daten im lokalen Zwischenspeicher ablegen 

// dauerhaft im lokalen Dateisystem mit localStorage
// Speichern
localStorage.setItem("name", "Udo");
// Lesen
console.log(localStorage.getItem("name"));

// für die Laufzeit der Session (solange der Browsertab offen ist) im lokalen Dateisystem mit sessionStorage
// Speichern
sessionStorage.setItem("name", "Udo");
// Lesen
console.log(sessionStorage.getItem("name"));

[JavaScript] Array sortieren 

// https://www.w3schools.com/jsref/jsref_sort.asp

// einfaches Sortieren
let arr = ['rot', 'grün', 'blau'];
arr.sort();
console.log(arr);

// über compare-Funktion sortieren
let arr = [20, 10, 1, 4, 8, 70];
// aufsteigend
arr.sort(function(a, b) { return a-b; } );
console.log(arr);

let arr = [20, 10, 1, 4, 8, 70];
// absteigend
arr.sort(function(a, b) { return b-a; } );
console.log(arr);

[JavaScript] Einfacher Timer 

<!doctype html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Timer demo</title>
  </head>
  <body>
    <script>
      'use strict';  
      (function () {
        function timer() {
          let st = Date.now();
          // Intervall 100ms
          setInterval(function() {
            let el = Date.now() - st;
            console.log((el / 1000).toFixed(1));
          }, 100);
        }

        document.addEventListener('DOMContentLoaded', timer);
      }());
    </script>
  </body>
</html>