Categorías
Video2Brain

03.Tipos de datos específicos de JavaScript

3.1.Trabajar con números en JavaScript

En JavaScript podemos trabajar con diferentes tipos de datos.

En este caso, trabajaremos con tipos de datos «numéricos».

Los valores numéricos no deberemos ponerlos entre comillas, y podrán ser «enteros» «flotantes» (con decimales).

Podremos expresar números positivos (+34), o número negativos (-15).

"use strict"

var edad = 35;

Debemos tener cuidado cuando asignamos datos, ya que si queremos asignar un dato numérico pero lo asignamos con «comillas», este no será numérico, sino que será un «string», y por tanto, no podremos realizar operaciones numéricas con él; si lo intentamos lo que haría el navegador sería añadir a nuestra cadena de texto el nuevo dato que también sería texto; OJO con esto.

var cantidad = "100";

Para convertir una «cadena de texto» en un «dato numérico», utilizaremos le función «number», la cual nos cambiará el tipo de dato de uno a otro.

var nuevaCantidad = Number(cantidad);

Ahora si queremos, ya podremos agregarle alguna cantidad numérica.

Tenemos tambien dos funciones que nos permiten convertir datos a «enteros» y a «flotantes», las cuales son:

parseInt()

parseFloat()

3.2.Trabajar con cadenas de texto o strings

Las cadenas de texto strings son uno de los tipos de datos que más utilizaremos en nuestros programas JavaScript; pero hay que utilizarlos bien para que no nos den problemas.

Lo primero que haremos para declarar una cadena de texto, al igual que anteriormente con los números será utilizar la palabra reservada var+nombre-variable.

A continuación asignaremos el texto, pero ¡ojo!, siempre entre comillas, «dobles» o ‘simples’.

Muy Importante : Si comenzamos con una comilla doble, deberemos cerrar con una comilla doble; lo mismo ocurrirá si lo hacemos con comillas simples.

var bebida = "agua";

var comida = 'ceviche';

Podemos, también, anidar comillas doble y simples de esta manera:

var instrucción = "El platillo se llama 'ceviche' ";

¿Qué sucede si quiero trabajar como texto un número que tengo almacenado en una variable numérica?

Podemos crear otra variable y pasarla de número a texto, utilizaremos la función String() de la siguiente forma:

var edad = 34;

var edadtxt = String(edad)

3.3.Uso de los datos booleanos

Los tipos de datos booleanos nos ofrecen sólo dos tipos de datos: «true»«false» (verdadero o falso).

var activo = false;

Podemos hacer comprobaciones del estado (verdadero o falso) de una variable booleana, de esta manera:

var estado = Boolean( 10 > 9); //true

var estado = Boolean( 10 < 9); //false

Veremos mejor la importancia de los datos booleanos más adelante, cuando utilicemos bucles y expresiones de comparación más en profundidad.

3.4.Trabajar con fechas en JavaScript

En JavaScript podemos trabajar con fechas, y lo haremos con el objeto Date.

Creamos una variable, y le asignamos el objeto Date, de la siguiente manera:

var fecha = new Date();

Si vamos a consola e invocamos a fecha, nos dará la fecha en formato JavaScript (o el que tenga nuestro sistema operativo), en el que aparecerán los datos básicos de la misma: día (de la semana), día, mes, año, hora, etc.

Si queremos que estos datos se actualicen, deberemos invocar nuevamente por consola el objeto Date.

Tenemos también métodos interesantes para poder trabajar con fechas, como getDate()getDay(), los cuales nos darán respectivamente el valor numérico del mes en curso, y el segundo el valor numérico del día de la semana en la que nos encontremos.

Como podemos apreciar en la imagen de arriba, podemos recuperar infinidad de datos del objeto Date a través de todos los métodos que están disponibles.

Asimismo, podremos si lo deseamos, asignar datos a nuestro objeto Date a través del método setDate() u otros como los siguientes:

El método setDate() nos servirá por ejemplo cuando debemos guardar una fecha en una base de datos; con este método podemos establecer la fecha en la misma.

3.5.Uso de símbolos en JavaScript

Los símbolos son un tipo de datos cuyo valor son únicos e inmutables, no van a cambiar de valor nunca.

Para crearlos, lo realizaremos de esta manera:

var simbolo1 = Symbol();

Podemos asignarle algún valor que nosotros consideremos permanente o único, así:

var ambiente = Symbol('dev');

Y como hemos comentado, aunque a priori parezca que hacemos la misma asignación a un Symbol(), como podría ser en este caso, si hacemos una comprobación por consola, podremos ver que ambos valores no son idénticos.

var simbolo1 = Symbol();
var simbolo2 = Symbol();

Para entender un poco mejor como funciona Symbol(), quizás puedes pasarte por este enlace: Oscar Lijo – Symbol en JavaScript.

3.6.Estructurando datos con JSON

En JavaScript podemos trabajar con objetos, los cuales nos permiten estructurar los datos con los que estaremos trabajando en nuestra aplicación.

Para manejar mejor los datos de estos objetos se creó JSON, que significa JavaScript Object Notation, un formato de intercambio de datos ligero y muy descriptivo al utilizar la estructura de un objeto.

Vamos a crear una variable llamada «persona», la cual será un objeto, que tendrá el dato «nombre»«twitter».

var persona = {nombre: 'Sergio', twitter: 'yacafx'};

Ahora, a través de la consola podemos acceder a este objeto y sus valores de esta manera:

Podemos acceder también a diferentes valores a través de un arreglo o Array, e incluso añadir al mismo nuestro objeto anterior, «persona».

var personas = [
    {nombre: 'Hugo', twitter: 'dcHugo'},
    {nombre: 'Paco', twitter: 'dcPaco'},
    {nombre: 'Luis', twitter: 'dcLuis'},
    persona
]

Para poder manejar o tratar estos datos o enviarlos a un servidor o cualquier otro lugar tenemos que convertirlo a formato JSON mediante el método .stringify de JSON.

var personaJSON = JSON.stringify(persona);

Si hacemos esto y vamos a consola, podremos ver como el objeto «persona» sigue manteniendo su estructura, pero «personaJSON» ha convertido el objeto persona en formato JSON.

Ahora este objeto, personaJSON, no es más que una cadena de texto y no podremos aplicar ningún método previsto para los objeto, pues nos daría un error.

Para hacer el paso contrario, para de un objeto JSON a un objeto , utilizaremos el método JSON.parse(), en este caso de esta manera:

var nuevaPersona = JSON.parse(personaJSON)

Ahora, si vamos a consola podremos ver el valor de cada uno de los objetos que hemos ido creando, persona, personaJSON nuevaPersona.

Como hemos visto, JSON será la manera ideal de manejar datos, bien en nuestra aplicación o a través de servicios externos.

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *