Los tipos de datos en JavaScript

Hoy te quiero hablar sobre los tipos de datos en JavaScript. No son muchos, pero siempre hay que concerlos para poder sacar el máximo partido al lenguaje.

¿Porqué debo conocer los tipos de datos?

Es bueno conocer a fondo el lenguaje con el que trabajamos en general, pero creo que los tipos de datos son algo muy importante conocer. Si conoces los tipos de datos podrás optimizar más tu código y sobre todo, y concretamente en JavaScript, podrás evitar algunos errores, ya que en ocasiones asumimos posibles valores que puede tener una variable, y que resulta, no los puede tener. Hablo de los null, undefined, true y false, Infinity, NaN, etc.

Cuáles son los tipos de datos en JavaScript

Podemos decir que, los tipos de datos simples en JavaScript son:

• numbers
• strings
• booleans
• null
• undefined

Todos los demás tipo de datos que no sean los anteriores, son Objetos, que también es un tipo de dato. Hablemos un poco más a fondo de los objetos.

JavaScript proporciona una serie de operaciones básicas para cada tipo de dato. Veamos los más comunes.

Operaciones con Number

• toExponencial(): Convierte un número a un string con formato exponencial
• toFixed(): Convierte un número a un string en formato decimal
• toPrecision(): Convierte un número a un string en formato decimal con X números decimales de precisión dados.
• toString(): Convierte un número a un string

Operaciones con String

• chartAt(): Devuelve el caracter de una posición dada
• charCode(): Igual que chartAt, pero en lugar de devolver el caracter en sí, devuelve su código numérico
• concat(): Concatena dos strings y devuelve el resultado
• indexOf(): Busca un string a partir de una posición dada. Si lo encuentra devuele la posición donde inicia el string, en caso contrario devuelve -1
• lastIndexOf(): Es igual que indexOf pero la busca la comienza desde el final
• localeCompare(): Compara dos string
• match(): Aplica una expresión regular a un string
• replace(): Reemplaza un string por otro y devuelve el resultado
• search(): Igual que indexOf solo que no busca un string sino una expresión regular
• slice(): Crea un string nuevo a partir de otro y una posición de inicio y fin dadas
• split(): Crea un array con fragmentos del string. Los fragmentos se obtienen de un separador dado
• toLocaleLowerCase(): Devuelve en string en minúsculas en función de las reglas del Locale
• toLocaleUpperCase(): Devuelve uns tring en mayúsculas en función de las reglas del Locale
• toLowerCase(): Devuelve un string en minúsculas
• toUpperCase(): Devuelve un string en mayúsculas
• fromCharCode(): Crea un string a partir de una serie de números dados en base a su equivalencia caracter – código numérico

Los objetos en JavaScript

Todo lo que no podamos representar con un tipo de dato simple, se representa como un objeto en JavaScript. Un objeto es un contenedor de propiedades, donde cada propiedad tiene un nombre y un valor. Los valores pueden ser de cualquier tipo de los mencionados anteriormente, incluso otro objeto.

Los objetos en JavaScript no están asociados a clases. No son instancias de clases como en un lenguaje tipado.

Podemos ver un par de ejemplos de objetos aquí;

var objeto = {}; // Objeto vacío
var persona = {
     "nombre": "Antonio",
     "apellido": "Pérez",
     "edad": 30
}

En el ejemplo del objeto persona podemos ver que tenemos pares, a la izquierda el nombre de la propiedad y a la derecha el valor. Los nombres de las propiedas los he representado entre comillas, como un string. Esto es opcional, solo es obligatorio si quieres usar una palabra reservada del lenguaje, o por ejemplo usas guión medio para separar varias palabras.

Veamos un ejemplo más elaborado:

var coche = {
     color: "Rojo",
     "numero-puertas": 4, // Nombre de la propiedad entre comillas por usar guión medio
     marca: {
          nombre: "Audi",
          "pais-oringen": "Alemania",
     }
     modelo: "A4",
}

Podemos acceder a los datos de dos formas, como si de un array asociativo se tratara, o bien a través del «punto»:

coche["color"]; // "Rojo"
coche.color; // "Rojo

De preferencia usaremos la notación del punto, que es más representativa del objeto en general.

La asignación y actualización de valores se hacen como cualquier otra variable, pero tenemos que tener en cuenta que si asignamos un valor a una propiedad que no existe, esta se creará en nuestro objeto y se le asignará el valor. Por ejemplo, si hacemos lo siguinte:

coche.tipo = "Turismo";

Tendremos como resultado nuestro objeto inicial con la propiedad tipo:

var coche = {
     color: "Rojo",
     "numero-puertas": 4,
     marca: {
          nombre: "Audi",
          "pais-oringen": "Alemania",
     },
     modelo: "A4",
     tipo: "Turismo",
}

Del mismo modo que agregamos una propiedad, podemos eliminar una propiedad del objeto de la siguiente forma:

delete coche.tipo

Y nuestro objeto volverá a su estado inicial.

Esto es, a alto nivel, lo que son los objetos en JavaScript. Ya conoces cuáles son los tipos de datos en JavaScript. Puedes aprender más en nuestra sección de Desarrollo Web o en la sección específica de JavaScript.

¡Espero que te haya sido de utilidad!