JS Tutoriaal

JS TUIS JS Inleiding JS Waarheen JS Uitset JS Verklarings JS sintaksis JS Kommentaar JS veranderlikes JS Laat JS Konst JS-operateurs JS Rekenkunde JS Opdrag JS datatipes JS Funksies JS Voorwerpe JS Events JS Strings JS String Metodes JS String Soek JS String Templates JS nommers JS-nommermetodes JS Skikkings JS Skikking Metodes JS Array Sorteer JS Skikking Iterasie JS Array Konst JS Datums JS Datum Formate JS Datum Kry Metodes JS Datum Stel Metodes JS Wiskunde JS Random JS Booleans JS Vergelykings JS Voorwaardes JS Skakelaar JS Loop Vir JS Loop For In JS Loop Vir Van JS Loop Terwyl JS Break JS Iterables JS-stelle JS Kaarte JS tipe JS Tipe Omskakeling JS Bitwise JS RegExp JS foute JS Bestek JS Hysing JS Streng modus JS hierdie sleutelwoord JS Arrow Funksie JS Klasse JS JSON JS Ontfouting JS Stylgids JS Beste Praktyke JS foute JS prestasie JS Voorbehou Woorde

JS weergawes

JS weergawes JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS Geskiedenis

JS Voorwerpe

Voorwerpdefinisies Voorwerp Eienskappe Voorwerp Metodes Voorwerp vertoon Voorwerptoebehore Voorwerpkonstrukteurs Voorwerpprototipes Object Iterables Voorwerpstelle Voorwerpkaarte Voorwerpverwysing

JS Funksies

Funksie definisies Funksie parameters Funksie Aanroep Funksie oproep Funksie Pas toe Funksie sluitings

JS Klasse

Klasintro Klas Erfenis Klas Staties

JS Async

JS Terugbelle JS Asynchroon JS Beloftes JS Async/Wag

JS HTML DOM

DOM Inleiding DOM Metodes DOM-dokument DOM Elemente DOM HTML DOM-vorms DOM CSS DOM-animasies DOM-geleenthede DOM Gebeurtenis Luisteraar DOM-navigasie DOM nodusse DOM Versamelings DOM Node lyste

JS Browser BOM

JS venster JS skerm JS ligging JS Geskiedenis JS Navigator JS Popup Alert JS Tydsberekening JS koekies

JS Web API's

Web API Inleiding Webvorms API Webgeskiedenis API Webberging API Webwerker API Web haal API Web Geolocation API

JS AJAX

AJAX Intro AJAX XMLHttp AJAX-versoek AJAX-reaksie AJAX XML-lêer AJAX PHP AJAX ASP AJAX-databasis AJAX toepassings AJAX voorbeelde

JS JSON

JSON Inleiding JSON-sintaksis JSON vs XML JSON-datatipes JSON Ontleed JSON Stringify JSON-voorwerpe JSON-skikkings JSON-bediener JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery keurders jQuery HTML jQuery CSS jQuery DOM

JS grafika

JS grafika JS Canvas JS Plot JS Chart.js JS Google Chart JS D3.js

JS Voorbeelde

JS Voorbeelde JS HTML DOM JS HTML-invoer JS HTML-voorwerpe JS HTML-geleenthede JS Blaaier JS Redakteur JS Oefeninge JS Vasvra JS Sertifikaat

JS Verwysings

JavaScript-voorwerpe HTML DOM-voorwerpe


JavaScript -objek-eienskappe


Eienskappe is die belangrikste deel van enige JavaScript-voorwerp.


JavaScript-eienskappe

Eienskappe is die waardes wat met 'n JavaScript-objek geassosieer word.

'n JavaScript-objek is 'n versameling ongeordende eienskappe.

Eienskappe kan gewoonlik verander, bygevoeg en uitgevee word, maar sommige is leesalleen.


Toegang tot JavaScript-eienskappe

Die sintaksis vir toegang tot die eienskap van 'n voorwerp is:

objectName.property      // person.age

of

objectName["property"]   // person["age"]

of

objectName[expression]   // x = "age"; person[x]

Die uitdrukking moet evalueer na 'n eiendomnaam.

Voorbeeld 1

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

Voorbeeld 2

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


JavaScript vir...in Loop

Die JavaScript- for...instelling loop deur die eienskappe van 'n voorwerp.

Sintaksis

for (let variable in object) {
  // code to be executed
}

Die blok kode binne die for...inlus sal een keer vir elke eiendom uitgevoer word.

Loop deur die eienskappe van 'n voorwerp:

Voorbeeld

const person = {
  fname:" John",
  lname:" Doe",
  age: 25
};

for (let x in person) {
  txt += person[x];
}

Voeg nuwe eiendomme by

Jy kan nuwe eienskappe by 'n bestaande voorwerp voeg deur bloot 'n waarde daaraan te gee.

Aanvaar dat die persoon-objek reeds bestaan ​​- jy kan dit dan nuwe eienskappe gee:

Voorbeeld

person.nationality = "English";

Vee Eienskappe uit

Die deletesleutelwoord verwyder 'n eienskap van 'n voorwerp:

Voorbeeld

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

delete person.age;

of skrap persoon["ouderdom"];

Voorbeeld

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

delete person["age"];

Die deletesleutelwoord verwyder beide die waarde van die eiendom en die eiendom self.

Na uitvee kan die eiendom nie gebruik word voordat dit weer bygevoeg word nie.

Die deleteoperateur is ontwerp om op voorwerpeienskappe gebruik te word. Dit het geen effek op veranderlikes of funksies nie.

Die deleteoperateur moet nie op voorafbepaalde JavaScript-objekeienskappe gebruik word nie. Dit kan jou toepassing ineenstort.


Geneste voorwerpe

Waardes in 'n voorwerp kan 'n ander voorwerp wees:

Voorbeeld

myObj = {
  name:"John",
  age:30,
  cars: {
    car1:"Ford",
    car2:"BMW",
    car3:"Fiat"
  }
}

Jy kan toegang tot geneste voorwerpe gebruik deur die puntnotasie of die hakienotasie te gebruik:

Voorbeeld

myObj.cars.car2;

of:

Voorbeeld

myObj.cars["car2"];

of:

Voorbeeld

myObj["cars"]["car2"];

of:

Voorbeeld

let p1 = "cars";
let p2 = "car2";
myObj[p1][p2];

Geneste skikkings en voorwerpe

Waardes in voorwerpe kan skikkings wees, en waardes in skikkings kan voorwerpe wees:

Voorbeeld

const myObj = {
  name: "John",
  age: 30,
  cars: [
    {name:"Ford", models:["Fiesta", "Focus", "Mustang"]},
    {name:"BMW", models:["320", "X3", "X5"]},
    {name:"Fiat", models:["500", "Panda"]}
  ]
}

Om toegang tot skikkings binne skikkings te kry, gebruik 'n for-in lus vir elke skikking:

Voorbeeld

for (let i in myObj.cars) {
  x += "<h1>" + myObj.cars[i].name + "</h1>";
  for (let j in myObj.cars[i].models) {
    x += myObj.cars[i].models[j];
  }
}

Eiendomskenmerke

Alle eiendomme het 'n naam. Daarbenewens het hulle ook 'n waarde.

Die waarde is een van die eiendom se eienskappe.

Ander kenmerke is: optelbaar, konfigureerbaar en skryfbaar.

Hierdie eienskappe definieer hoe toegang tot die eiendom verkry kan word (is dit leesbaar?, is dit skryfbaar?)

In JavaScript kan alle kenmerke gelees word, maar slegs die waarde-kenmerk kan verander word (en slegs as die eienskap skryfbaar is).

(ECMAScript 5 het metodes om alle eiendomskenmerke te kry en in te stel)


Prototipe eienskappe

JavaScript-objekte erf die eienskappe van hul prototipe.

Die deletesleutelwoord vee nie oorgeërfde eienskappe uit nie, maar as jy 'n prototipe-eienskap uitvee, sal dit alle voorwerpe wat van die prototipe geërf word, beïnvloed.