exercises.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>blatt2</title>
    <script>
        console.time("Ladezeit");
        var o = { text : "No" } ,
            a = [1 , 15 , 5 , o, " Welt ", 5 , " Tiger ", " Hallo ", " Welt ", { text : "!" } , { text : "!" } , o];
            zwischenspeicher = [];
        // removeDuplicates Methode ruft uniqBy Methode auf und übergibt das Array a
        // funktioniert auch für Zahlen
        function removeDuplicates(a) {
            b = uniqBy(a, JSON.stringify)
            zwischenspeicher.push(b);
            return b;
        }
        // Schlüssel Callback (funktioniert auch für Hash Werte) -> Objekte mit gleichen Schlüsseln werden entfernt
        // Key = JSON.stringify
        // JSON.stringify speichert den Inhalt in einen String, egal welcher Datentyp es davor ist
        function uniqBy(a, key) {
            var seen = {};
            return a.filter(function(item) {
                var k = key(item);

                return seen.hasOwnProperty(k) ? false : (seen[k] = true);
            })
        }
        // ruft removeDuplicates auf welches wiederum uniqBy aufruft
        console.log (removeDuplicates (a));
        // Zwischenspeicher für Arrays
        console.log(zwischenspeicher);
        // Zeitausgabe für ersten Aufgabenteil
        // console.timeEnd("Ladezeit"); // Ladezeit zwischen 0.4-0.8 ms

        // Array mit random 100.000 Zahlen
        let randomArray = [];
        while(randomArray.length < 100){ // alles ab <1.000 läd nicht mehr
            let r = Math.floor(Math.random() * 100) + 1;
            if(randomArray.indexOf(r) === -1) randomArray.push(r);
        }
        console.log (removeDuplicates (randomArray)) ;
        // Zeitausgabe für den letzten Ausgabeteil
        console.timeEnd("Ladezeit"); // Ladezeit fürs randomArray ca. 0.9
    </script>
</head>
<body>
<h1>Single Page Webanwendungen</h1>
Ausgabe A 2.2: JavaScript: Siehe "untersuchen" und dann "Console"
</body>
</html>