Tecnología

Inicio

Javascript objeto literal Tutorial

September 4

Javascript objeto literal Tutorial


JavaScript es un lenguaje de programación web. Los desarrolladores web utilizan para hacer páginas web más interactivo y darles funcionalidad adicional. JavaScript objetos literales son representaciones virtuales de entidades del mundo real. Por ejemplo, un desarrollador puede crear un objeto literal llamado \ "planeta. \" Los planetas tienen propiedades como el nombre, el tamaño y la órbita. En lugar de definir una variable independiente para cada una de estas propiedades, un desarrollador puede crear un objeto literal llamado \ "planeta \" que mantiene estas propiedades y los valores asociados con ellos.

Instrucciones

1 Bloc de notas abierta.

2 Pega este código en el archivo:

<! 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>

<Body>

</ Body>

</ Html>

Esto crea un documento HTML vacía.

3 Añadir este código después de la primera etiqueta <script>:

mystate var = {

}
IR

Esto crea un objeto literal JavaScript. Este objeto tendrá información acerca de un estado. La definición de objeto comienza con un corchete izquierdo y termina con un soporte adecuado.

4 Añadir esta línea de código por debajo del primer soporte de manera que la definición del objeto se parece a esto:

mystate var = {
Statename: \ "Texas \"

}
IR

Esto crea una propiedad de \ "mystate. \" El nombre de la propiedad es \ "Statename. \" Tiene un valor de \ "Texas. \" Crear una propiedad mediante la separación de un nombre y un valor con dos puntos. Rodear los valores no numéricos, como Texas, entre comillas.

5 Añadir otra línea para el código para que el bloque código es el siguiente:

mystate var = {
Nombre: \ "Texas \",
Capital: \ "Austin \",

}
IR

Esto añade otra propiedad denominada \ "capital \" al objeto. Tiene un valor de \ "\". Austin propiedades separadas con una coma como se muestra arriba.

6 Anexar este código al código anterior:

ciudades: [\ "Dallas \", \ "Houston \", \ "Laredo \"],

JavaScript objetos literales también pueden contener matrices. Se trata de una matriz denominada \ "ciudades \" que tiene tres elementos.

7 Anexar este código al código anterior:

climático: {norte: \ "\ fría", en el sur: \ "\ caliente"}

Los literales de objetos pueden contener otros objetos literales. Este es un objeto literal llamado \ "clima \" que contiene dos propiedades: \ "norte \" y \ "sur \". El \ completa "mystate \" objeto literal que ahora se ve así:

mystate var = {
Nombre: \ "Texas \", el capital: \ "Austin \",
ciudades: [\ "Dallas \", \ "Houston \", \ "Laredo \"],
climático: {norte: \ "\ fría", en el sur: \ "\ caliente"}
};

8 Agregue este código después del código anterior:

window.onload = showObject
IR

showObject función () {
alerta (\ "name = \" + + myState.name \ "Primera Ciudad = \" + myState.cities [0])
IR
}

La declaración dice window.onload JavaScript para llamar a la función llamada \ "showObject \" después de la página se carga. Esta función imprime algunos de los valores del objeto. Para acceder al valor de la propiedad de un objeto, utilice la notación de punto. Para ello, escriba el nombre de la propiedad seguido de un período. Por ejemplo, para acceder a la capital de Texas, tipo \ "myState.texas. \" Para acceder al segundo elemento de la \ "ciudades \" de la matriz, tipo \ "myState.cities [1]. \"

9 Añadir esta línea de código a la función:

Alerta (\ "Norte Clima = \" + myState.climate.northern)
IR

Esto mostrará el clima en la parte norte de la state.To acceder a una propiedad que se encuentra dentro de un objeto secundario literal, escriba el nombre del objeto padre literal, añada un punto, añadir el nombre del objeto hijo literal, anexar un periodo y por último añadir escriba el nombre de la propiedad que desea examinar. En este ejemplo, \ "clima \" es un objeto secundario literal dentro de un objeto padre literal llamado \ Referencia del clima en la parte norte del estado escribiendo lo siguiente "mystate \.":

myState.climate.northern

Consejos y advertencias

  • Si intenta recuperar un valor de una propiedad inexistente objeto literal, que se pondrá en un valor de \ "indefinido. \"