Javascript tips

Javascript refresh & tips

Hier vind u mijn javascript methods, functions of andere nifty dingetjes die ik vaak vergeet, handig zijn of die ik simpelweg niet wist.

Array's

Elementen toevoegen en verwijderen

naast de push() method heb je ook de unshift method die elementen in het begin van de array toevoegd.

Met pop() en shift() kun je elementen weer verwijderen. Ze hebben geen parameters nodig aangezien ze altijd de eerste of laatste element verwijderen. pop() Verwijderd een element aan het eind. shift() Verwijderd een element aan het begin.

Met splice() kun je andere elementen verwijderen en daaruit nieuwe array's maken. De eerste parameter geeft de positie aan voor welk element je wilt verwijderen. De tweede parameter geeft aan hoeveel elementen. De derde parameter geeft aan wat er toegevoegd kan worden op die plek.

Met slice() hak je de uiteindes van een array eraf. Dus met slice(1, 3) hak je de plekken 2 en 4 af. en hou je alleen de index 2 en index 3 over.

let myArray = [1, 2, 3];

myArray.unshift('HIER');
// equals ['HIER', 1, 2, 3]
// myArray.shift() to delete 'HIER'

myArray.push('DAAR')
// EQUALS ['HIER', 1, 2, 3, 'DAAR']
// myArray.pop() to delete 'DAAR'

let newArray = myArray.splice(0, 2, 'ene', 'twee');
// myArray equals = ['ene', 'twee', 2, 3, 'DAAR']
// newArray equals = ['HIER', 1]

Array's kopiëren

Met es6 ... kun je een array makkelijk kopiëren.

anArray = [1, 3, 5, 7, 8]
newArray = [...anArray]
// anArray blijft onaangetast en newArray heeft dezelfde waarde

Objecten

Om te controleren of er iets in een object zit, kun je het volgende gebruiken:

users.hasOwnProperty('Alan');
'Alan' in users;

Dit geeft een boolean terug met de waarde of 'Alan' in het object users zit.

Je kunt ook makkelijk door een object heen spitsen om data op te halen en het eventueel in een array te stoppen. Dit doe je ook met de keyword in

for (let user in users) {
  console.log(user);
}

// logs:
Alan
Jeff
Sarah
Ryan

Je kunt de waarden van een object ophalen door Object.keys() te gebruiken waarbij je in de parameter het daadwerkelijke object meegeeft. Deze waarden kun je dan bijvoorbeeld opslaan in een array.

let users = {
  Alan: {
    age: 27,
    online: false
  },
  Jeff: {
    age: 32,
    online: true
  },
  Sarah: {
    age: 48,
    online: false
  },
  Ryan: {
    age: 19,
    online: true
  }
};

function getArrayOfUsers(obj) {
  let arrayOfUsers = Object.keys(obj);
  return arrayOfUsers;
}

console.log(getArrayOfUsers(users));

forEach vs Map

Wanneer je voor elke arraywaarde heen wilt loopen én een array weer wilt returnen, dan gebruik je map. Als je elke arraywaarde langs wilt gaan en geen array wilt returnen. Maar een variable of niks, dan gebruik je forEach!