Tut06: JS hof

CSS: Was ist wahr?

Gegeben die Struktur <div id="parent">

<img scr="..." >

<p> lorem ....</p>

....

</div>

• Parent ist immer mindestens so groß wie sein größtes Kind

• float: left bei Img würde das Bild nach links verschieben und den Text drumwickeln

• float: left bei Img führt dazu dass das parent eventuell kollabiert (wird kleiner als seine Kinder)

• Erst CSS clear für ein Element, das im HTML-Code auf einen float-Block folgt, zwingt das Element unter den floatenden Block

Welche Option stellt eine Standard clearfix Lösung für kollabierende Elternelemente von float-Elementen dar?

• #last-child-of-container:after{

  content: "";

          clear: both;

          display: block;

  }

• #container:after{

          content: "";

          clear: both;

          display: block;

      }

• #container { display: flow-root; }

• #container { overflow: auto; }

Gegeben ein array mit objekten der folgenden Attributen

name, age, job, numberOfPets

Wie kann ich die Anzahl aller Pets bei Ärzten berechnen?

• array.filter(a=>a.job=="arzt").map(a=> numberOfPets)

• array.filter(a=>a.job=="arzt").reduce(a=> numberOfPets)

• array.filter(a=>a.job=="arzt").reduce ((a,b)=> a.numberOfPets + b.numberOfPets)

• array.filter(a=>a.job=="arzt").reduce ((acc,b)=> acc + b.numberOfPets, 0)

Wie kann man folgende pipeline kürzen, sodass das Ergebniss gleich bleibt?

array.filter(a=>a.job=="vet").size > 0

• array.every(a=> a.job=="vet")

• array.some(a=> a.job=="vet")

• array.find(a=> a.job=="vet")

Unterschied zwischen forEach and map Funktionen

• keine Unterschiede

• map hat keinen RückgabeWert, forEach schon

• forEach hat keinen RückgabeWert, map schon

• forEach hat 2 Input Parameter, wie reduce