Schlagwort: Javascript

Kategorien
Javascript

Finden von Elementen bzw. Objekte in einem Array

find elements in array

//with array.some
var found = posts.some(el => el.id  === id ); // It returns true if id exist in an array
 if(found)
 {
  //Your codes here
 }

//with array.filter
var found = posts.filter(el => el.id === id).length > 0; // .length returns 1 if id exist in an array
if(found)
{
   //Your code goes here
}


//example to find element
let posts = [ { id: 1, username: 'foo' },{ id: 2, username: 'bar' } ];

let newObj = {"id": 3, "username": 'prasad'};
//console.log(posts);
let found = posts.some(el => el.id  === 2 );
 if(found)
 {
    for(num of posts){
        //console.log (3, num.id);
        if(4 === num.id){ 
          //Your code
            //console.log("error");
        } else {
          //Your code
            //console.log(num);
        }                
    }; 
    posts.push(newObj);
    console.log(posts);
 }

Kategorien
Javascript

keyup nach x Sekunden lesen

For example you like to request something after you ve typed something, but first after x-secondes we sent a request.

let input = document.getElementById('input');
let timeout = null;

input.addEventListener('keyup', function (e) {
    clearTimeout(timeout);
    timeout = setTimeout(function () {
        console.log('Value:', input.value);
    }, 1000);
});
Kategorien
Allgemein Vue

Slots

Daten von außen nach innen reichen. Slots sind Platzhalter, die von außen gefüllt werden. So kann bspw. vorgegeben werden welche Angaben erwartet werden. 

#default
<slot></slot>
<slot name="title"></slot>


Von außen angesteuert:
<template v-slot:title>Text der durchgereicht wird</template>

Kurzschreibweise
<template #title>Titeltext</template>

Freigabe von Daten von innen nach aussen

Definition Slot-Name
<slot name="eventdaten" :eventNameVonAussen="eventDaten"></slot>

Ansteuerung Slot mit Namen
<template #eventdaten="slotProps">{{ slotProps.eventDaten }}</template>

Die Daten werden nach aussen gereicht, Vue sammelt alle Daten, Funktion, Objekte. Wir bestimmen "slotProps" in dem alles gesammelt wurde. Name frei wählbar.