MEDIAactive

Aprender Javascript Avanzado con 100 ejercicios prácticos


Скачать книгу

      Normalmente, el tipo de datos Number no utiliza comillas, como en el caso de las cadenas de caracteres. En este ejemplo, las comillas se utilizan porque los valores numéricos dependen del elemento Number , el cual lo utiliza para realizar un cálculo matemático.

      6. Por su parte, las cadenas de caracteres (en inglés, string) alma-cenan, como su nombre indica, una secuencia de caracteres, teniendo en cuenta que dicha secuencia puede estar vacía. Las cadenas de caracteres se representan en JavaScript entre comillas, ya sea simples o dobles. Por ejemplo: Img_p4

      var numFav = prompt(‘¿Cuál es tu número favorito?’);

Img_p023-01

      7. Da igual el tipo de comillas que utilice, aunque sí es importante que sea coherente dentro del documento con este uso. Existen dos tipos de datos primitivos más que se utilizan par indicar la falta de información. Se trata de los valores undefined y null. El primero significa que no existe ningún valor, ni tipo de dato ni objeto, en la sentencia, Img_p5 y el segundo, que no existe ningún objeto.

Img_p023-02

      8. De forma común, todos los datos primitivos tienen la característica de que contienen una comparación entre sus valores, que sus propiedades no pueden ser ni modificadas, ni alteradas ni eliminadas y, por último, que son predeterminados en JavaScript, lo que significa que el usuario no puede crear sus propios datos primitivos.

      006 Objetos en JavaScript

      COMO HEMOS INDICADO EN EL EJERCICIO anterior, JavaScript cuenta con datos primitivos y con objetos. Todo cuanto no puede situarse dentro de alguno de los tipos de datos descritos en las páginas anteriores puede considerarse un objeto.

      1. Existen tres tipos de objetos en JavaScript, considerados más comunes, que se mueven con los denominados constructores: los objetos simples, las matrices y las expresiones regulares. Los objetos tiene propiedades y valores y, a diferencia de los datos primitivos, sí pueden ser creados por el programador. Veamos paso a paso cada uno de estos tipos de objetos. Img_p1

      2. El constructor Object envuelve los objetos simples, los cuales se representan mediante nombres o datos. Un ejemplo de un objeto simple sería el siguiente:

      {

      nombre: ‘Mónica’,

      apellido: ‘González’

      }

      3. Este objeto tiene dos propiedades (nombre y apellido) y cada una de ellas, un valor (‘Mónica’ y ‘González’). Como hemos indicado, es el programador quien decide el nombre de los objetos, siendo consecuente en su uso en todo el script. Img_p2

Img_p024

      Fuente de esta imagen: aprenderaprogramar.com

      Ésta sería la descripción de un pequeño script que cuenta con una variable que contiene un objeto con varias propiedades y valores.

      4. El segundo tipo destacable de objetos son las matrices, en inglés arrays . Una matriz es, sencillamente, una lista de elementos. Las matrices son la mejor forma de almacenar más de un valor en un mismo lugar, puesto que de otro modo sería necesaria crear una variable para cada elemento de la lista. Las matrices se envuelven dentro del constructor Array y tienen el aspecto siguiente: Img_p3

      [‘lunes’, ‘martes’, ‘miércoles’, ‘jueves’, ‘viernes’]

Img_p023-00

      5. Todos los elementos de una matriz corresponden a un número en un índice, siendo el primero de estos números el 0; esto significa que, en nuestro ejemplo, el elemento ‘lunes’ es el número 0, el elemento ‘martes’ , el 1, y así sucesivamente. Img_p4

Img_p025-03

      Los elementos que forman una matriz se gestionan mediante valores de índice, siempre recordando que el primer elemento corresponde al valor 0, no 1.

      6. El tercer tipo de objetos de JavaScript es el de las expresiones regulares, regidas por el constructor RegExp. Las expresiones regulares están formadas por caracteres simples, /abc/ , o por una combinación de caracteres simples y especiales, /a*b_c/. Una expresión regular sirve para localizar patrones en una cadena de texto, para comprobar que una cadena tiene una determinada estructura o para verificar que una dirección de correo electrónico está escrita correctamente. Img_p5

Img_p025-04

      La imagen 5 muestra un ejemplo de código en el cual se utiliza una expresión del tipo RegExp , /@/ , para verificar que un campo de e-mail cuenta con una dirección de correo electrónico válida, es decir, con el símbolo @.

      7. Las características que comparten estos tres tipos de objetos son las siguientes: cada objeto tiene su propia identidad y, por tanto, pueden compararse; es posible modificar las propiedades de los objetos, añadir de nuevas y eliminar las sobrantes, y los constructores pueden ser considerados como implementaciones de tipos personalizados.

      IMPORTANTE

      Existe un listado de caracteres especiales que pueden utilizarse en expresiones regulares. Tenga en cuenta que cada uno de estos caracteres se utiliza en combinación con caracteres simples y tienen un significado concreto. Los caracteres especiales que se pueden utilizar en JavaScript para generar expresiones regulares son los siguientes:

       < $ ^ . * + ? [ ] >

      007 Valores y objetos indefinidos

      EN UN EJERCICIO ANTERIOR HEMOS TENIDO la oportunidad de mencionar dos tipos de valores que se utilizan en JavaScript para indicar la falta de información en un script. Se trata de los valores (o, también podríamos denominarlos, “no-valores”) null y undefined.

      1. En este ejercicio trataremos con todo detalle los dos “no valores” que JavaScript utiliza para indicarnos que falta información en el script: null y undefined. Undefined significa que no hay ni un valor primitivo ni un objeto, y podemos encontrarlo en variables sin inicializar, en una falta de parámetros o en una omisión de propiedades. Por su parte, null significa que no hay ningún objeto, y podemos encontrarlo en aquellas partes del script en que se espera la existencia de un objeto, sea del tipo que sea. Img_p1

Img_p026-00

      2. Así, podemos resumir esta descripción diciendo que undefined indica la no existencia y null , el vacío. Img_p2

Img_p026-01

      3. A continuación veremos en ejemplos los casos en que se generarán los valores undefined y null . Empezaremos por las variables no inicializadas comparadas