JavaScript Object Properties

Eigenschappen zijn een van de belangrijkste onderdelen van elk JavaScript-object.

JavaScript-eigenschappen

Eigenschappen verwijzen naar waarden die verbonden zijn met JavaScript-objecten.

JavaScript-objecten zijn een verzameling ongesorteerde eigenschappen.

Eigenschappen kunnen meestal worden gewijzigd, toegevoegd en verwijderd, maar sommige eigenschappen zijn alleen leesbaar.

Eigenschappen bereiken in JavaScript

De syntaxis om eigenschappen van objecten te bereiken is:

objectNaam.eigenschap           // persoon.age

of:

objectNaam["eigenschap]       // persoon["age"]

of:

objectNaam[expressie]       // x = "age"; persoon[x]

De expressie moet worden berekend tot een eigenschapsnaam.

Voorbeeld 1

persoon.firstname + " is " + persoon.age + " years old.";

Probeer het zelf

Voorbeeld 2

persoon["firstname"] + " is " + persoon["age"] + " years old.";

Probeer het zelf

JavaScript for...in-lus

JavaScript for...in stukken die de eigenschappen van het object doorlopen.

syntaxis

for (variabele in object) {
    Te uitvoeren code
}

for...in De codeblokken in de lus worden voor elke eigenschap een keer uitgevoerd.

Circuleer de eigenschappen van het object:

Voorbeeld

var persoon = {fname:"Bill", lname:"Gates", age:62}; 
for (x in persoon) {
    txt += persoon[x];
}

Probeer het zelf

Nieuwe eigenschappen toevoegen

U kunt nieuwe eigenschappen toevoegen aan bestaande objecten door een eenvoudige toewijzing.

Aannemen dat de persoon object al bestaat - dan kunt u nieuwe eigenschappen toevoegen:

Voorbeeld

person.nationality = "English";

Probeer het zelf

U kunt geen voorbehouden woorden gebruiken als eigenschapsnaam (of methodennaam). Gebruik JavaScript-nameregels.

Eigenschappen verwijderen

delete Sleutelwoorden verwijderen van eigenschappen van objecten:

Voorbeeld

var persoon = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};
delete person.age;   // Of delete person["age"];

Probeer het zelf

delete Keywords verwijderen zowel de waarde van de eigenschap als de eigenschap zelf.

Na het verwijderen is de eigenschap niet bruikbaar totdat deze wordt toegevoegd.

delete Operatoren zijn ontworpen voor object eigenschappen. Ze hebben geen invloed op variabelen of functies.

delete Operatoren mogen niet worden gebruikt voor vooraf gedefinieerde JavaScript object eigenschappen. Dit kan de applicatie crashten.

Eigenschapswaarden

Alle eigenschappen hebben een naam. Daarnaast hebben ze ook een waarde.

De waarde is een van de eigenschappen van de eigenschap.

Andere eigenschappen zijn: leesbaar, instelbaar, schrijfbaar.

Deze eigenschappen definiëren hoe eigenschappen worden bereikt (leesbaar of schrijfbaar?).

In JavaScript zijn alle eigenschappen leesbaar, maar alleen de waarden zijn aanpasbaar (alleen wanneer eigenschappen schrijfbaar zijn).

(ECMAScript 5 heeft methoden om alle eigenschapseigenschappen te verkrijgen en instellen)

Prototype eigenschappen

JavaScript objecten erfgenamen van hun prototype-eigenschappen.

delete Keywords verwijderen niet geërven eigenschappen, maar als je een prototype-eigenschap verwijdert, beïnvloedt dit alle objecten die van het prototype afstammen.