Nwlapcug.com


Oggetto JavaScript Tutorial letterale

Oggetto JavaScript Tutorial letterale


JavaScript è un linguaggio di scripting Web. Sviluppatori Web utilizzano per rendere le pagine Web più interattive e di dare loro funzionalità aggiuntive. Valori letterali di oggetto JavaScript sono rappresentazioni virtuali di entità reali. Ad esempio, uno sviluppatore potrebbe creare un oggetto letterale denominato \"planet.\" pianeti hanno proprietà quali nome, dimensione e orbita. Invece di definire una variabile separata per ognuna di queste proprietà, uno sviluppatore può creare un oggetto letterale denominato \"planet\" che tiene queste proprietà e i valori ad essi collegati.

Istruzioni

1

Aprire il blocco note.

2

Incollare questo codice nel file:

<! DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional / / EN\" \ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd \ & quot; >
< html xmlns = \ "http://www.w3.org/1999/xhtml \ & quot; >
< head >

&lt;title>Test Page&lt;/title>

&lt;script>

&lt;/script>

< / head >

< corpo >

< / body >

< / html >

Questo crea un documento HTML vuoto.

3

Aggiungi questo codice dopo il tag < script > primo:

var myState = {

}
VAI

Questo crea un oggetto letterale di JavaScript. Questo oggetto conterrà informazioni su uno stato. La definizione dell'oggetto inizia con una parentesi quadra sinistra e termina con una parentesi quadra chiusa.

4

Aggiungere questa riga di codice sotto la prima staffa in modo che la definizione dell'oggetto è simile al seguente:

var myState = {
stateName: \"Texas\"

}
VAI

Questo crea una proprietà per \"myState.\" il nome della proprietà è \"stateName.\" ha un valore di \"Texas.\" creare una proprietà separando un nome e un valore con un virgola. Circondano i valori non numerici, come il Texas, con virgolette.

5

Aggiungere un'altra riga al codice in modo che codice blocco assomiglia a questo:

var myState = {
Nome: \"Texas\",
capitale: \"Austin\",

}
VAI

Questo aggiunge un'altra proprietà denominata \"capital\" all'oggetto. Ha un valore di \"Austin.\" separare proprietà con una virgola, come mostrato sopra.

6

Aggiungere questo codice al codice precedente:

città: [\"Dallas\",\"Houston\",\"Laredo\"],

Valori letterali di oggetto JavaScript possono anche contenere matrici. Si tratta di una matrice denominata \"cities\" che ha tre elementi.

7

Aggiungere questo codice al codice precedente:

clima: {settentrionale: \"cold\", del Sud: \"hot\"}

Valori letterali di oggetto possono contenere altri valori letterali di oggetto. Si tratta di un valore letterale di oggetto denominato \"climate\" che contiene due proprietà: \"northern\" e \"southern.\" il \"myState\ completo" oggetto letterale ora assomiglia a questo:

var myState = {
Nome: \"Texas\", capitale: \"Austin\",
città: [\"Dallas\",\"Houston\",\"Laredo\"],
clima: {settentrionale: \"cold\", del Sud: \"hot\"}
};

8

Aggiungi questo codice dopo il codice precedente:

Window. OnLoad = showObject
VAI

Function showObject() () {
avviso (\"Name = \" + myState.name + \ "First City = \"+ myState.cities[0])
VAI
}

L'istruzione di Window. OnLoad dice JavaScript per chiamare la funzione denominata \"showObject\" dopo il caricamento della pagina. Questa funzione stampa alcuni dei valori dell'oggetto. Per accedere al valore della proprietà di un oggetto, utilizzare la notazione del punto. Per effettuare questa operazione digitando il nome della proprietà seguita da un periodo. Ad esempio, per accedere la capitale del Texas, digitare \"myState.texas.\" per accedere al secondo elemento del \"cities\" matrice, digitare \"myState.cities[1].\"

9

Aggiungere questa riga di codice alla funzione:

Avviso (\"Northern clima = \"+ myState.climate.northern)
VAI

Questo visualizzerà il clima nella parte settentrionale dello stato. Per accedere a una proprietà che si trova all'interno di un oggetto figlio letterale, digitare il nome dell'oggetto padre letterale, aggiungere un punto, aggiungere il nome dell'oggetto figlio letterale, aggiungere un punto e infine Aggiungi tipo il nome della proprietà che si desidera esaminare. In questo esempio, \"climate\" è un oggetto figlio letterale all'interno di un valore letterale oggetto padre denominato \"myState.\" il clima nella parte settentrionale dello stato di riferimento digitando quanto segue:

myState.climate.northern

Consigli & Avvertenze

  • Se si tenta di recuperare un valore da una proprietà di valore letterale di oggetto inesistente, si otterrà indietro un valore di \"undefined.\"