Startseite Beiträge getaggt mit "JavaScript" (Seite 5)

Schlagwort: JavaScript

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

[JavaScript] Date: Datum und Zeit 

// https://www.w3schools.com/jsref/jsref_obj_date.asp
// https://javascript.info/date

// akt. Datum + Uhrzeit
let dt_curr = new Date();
console.log(dt_curr.toString());

// Datum: 31.12.2018, Uhrzeit: 12:10:20,0
// Monat startet mit Index 0!
let d = new Date(2018, 11, 31, 12, 10, 20, 0);

// Mon Dec 31 2018 12:10:20 GMT+0100
console.log(d.toString());
// Mon, 31 Dec 2018 11:10:20 GMT
console.log(d.toUTCString());
// 2018-12-31T11:10:20.000Z
console.log(d.toISOString());
// 31.12.2018, 12:10:20
console.log(d.toLocaleString('de-DE'));
// 31.12.2018
console.log(d.toLocaleDateString('de-DE'));
// 12:10:20
console.log(d.toLocaleTimeString('de-DE'));

// Anzahl Millisekunden, seit 01.01.1970 00:00:00 UTC
console.log(Date.now());