TEMA 2 – Variables y tipos de datos

TEMA 2: Variables y tipos de datos

Tabla de contenidos

Variables

¿Qué son?

Las variables son contenedores de datos que se pueden utilizar para almacenar diferentes tipos de valores. Hay varias maneras de declarar variables en JavaScript:

Variables de tipo LET

La palabra clave let se utiliza para declarar variables que tienen un alcance de bloque. Esto significa que las variables declaradas con let son visibles solo desde el punto de declaración hasta el final del bloque en el que se encuentran.

Además, las variables declaradas con let no pueden ser redeclaradas en el mismo ámbito.

jPghiUak2t7NFHGGrDzlzzLspcCdZRVIBpqge39FVO2acrsq6mD2GdHg7mIL9SMlCmA yZKlySU04R1CiIHjNRFC1ISG4yz3VschsElB wrJyLdlodLtsfaLOYobdpL54Mwe2i6

En este ejemplo, se declara la variable x con let anivel global y se le asigna el valor 5. Luego, sedeclara la variable y con let dentro de un bloqueif y se le asigna el valor 10. Dentro del bloque if, se intenta declarar de nuevola variable y con let y se le asigna el valor 15, loque produce un error ya que y ya ha sidodeclarada en este bloque. Luego, se declara la variable z con let dentro de otro bloque if y se le asigna el valor 15. Dentro del bloque if, se intenta declarar de nuevo la variable z con let y se le asigna el valor 20, lo que produce un error ya que z ya ha sido declarada en este bloque. Finalmente, se intenta declarar de nuevo la variable x con let a nivel global y se le asigna el valor 10, lo que tambien produce un error ya que x ya ha sido declarada a nivel global. Es importante tener en cuenta que las variables declaradas con let no pueden ser redeclaradas en el mismo ambito, lo que significa que no se pueden declarar dos variables con el mismo nombre utilizando let en el mismo bloque o en el mismo ambito global.

Variables de tipo CONST

También es posible declarar variables con la palabra clave const, que significa «constante«. Una vez que se ha asignado un valor a una variable declarada con const, no se puede cambiar su valor.

 

Es importante tener en cuenta que, aunque las variables declaradas con const no se pueden cambiar, pueden contener valores mutables (como objetos o arrays), por lo que es posible modificar las propiedades de un objeto o elementos de un array dentro de una variable declarada con const.

wGSKNzYA tbfPMwJjKsK9f2NIuj G5PTmncDPUwVG22kO iO9iycU4kunBdn6rMqnOsvcSIygoipgYQU5mtxpvEQFRHMydJXr7D5SzvFtNt4PVddN efBbnnC BIK76a4dhm9E01j9EzYnDzRgy4LaxE4rfmnj jngY0qklD0CedZpE0tSTf5yfQv 7FA3f6=s2048

En este ejemplo, se declara la constante pi con el valor 3.14 y se imprime su valor en pantalla. Luego, se intenta cambiar el valor de pi a 3.14159, lo que produce un error ya que pi es una constante y no se puede cambiar su valor. También se declara la constante persona con un objeto que tiene las propiedades nombre, edad y profesion. Se imprime el valor de persona en pantalla y se cambia el valor de la propiedad edad del objeto, y esto se puede hacer porque las propiedades de los objetos son mutables. Finalmente, se intenta asignar un nuevo valor al objeto persona, lo que produce un error ya que persona es una constante y no se puede cambiar su valor.

Tipos de datos

Números

JavaScript tiene un único tipo de número que puede representar tanto enteros como decimales. Los números se pueden escribir con o sin decimales y pueden ser positivos o negativos.

CU6jbNuPVPDK89gSamqX67utisP5BMS hMaXvnrSldMMBtavFnJ bTQZFUkGIljDK UPhYwa58aZOL0LcVxpCb5 j9yulaDiFWY7kTzrm1vm7boWpAaXvEVDQ2q 9 FaBPf68Z1IBmT

Cadenas de texto

Las cadenas de texto son secuencias de caracteres que se pueden utilizar para almacenar texto. Las cadenas de texto se escriben entre comillas simples o dobles.


Booleanos

Los valores booleanos son valores lógicos que pueden ser true o false.

Se pueden utilizar para representar verdadero o falso, encendido o apagado, etc.

aKnntekve5okpxBk31WvYbwhUx4p5UmX7WEG48FqOSiC2Flb4iZHC1tMn8OHhMnwxHelEyCoMKhmF VJCRu0BsN3rrZXR7wjWcYMO2DFe6JJGWy9NZI2rFJlsT0julDcg50ml23iXv axR8NviV

Null y Undefined

El valor null representa un valor nulo o vacío, mientras que undefined representa un valor que no ha sido asignado aún.

CPubXwcTZ5a4cfbDhNl7oVZek6GYmiPMPeskICAcxMrYDHHGkasA0vUSayj1UxMwBsMm3cceU9vSC4Yjdj46ipElnZrZnvNyf3WomkSjgBCP9Bwq7

Arrays

Los arrays son colecciones ordenadas de valores que se pueden acceder mediante un índice numérico. Los arrays se pueden utilizar para almacenar cualquier tipo de datos, incluyendo números, cadenas de texto, valores booleanos, objetos y otros arrays.

dxZryZ3KMBFNF XDcaXjZ6o8RKnpZX1ITVKZi t3sGWUk ofe2xkQM3h2P PYdvpTq2gzpN7FFMeBYaCOHpwev04fet3zPRo WF8GtkJBjJx4RI2JWkWppuMd44T5vmTnVB2JIYSfSYSsWr1be wtMansRAjH6RUeH1OTB9jeDJ nsQRUKq4V5EarzCCCL5=s2048

Objetos

Los objetos son un tipo de dato que permite almacenar un conjunto de pares clave-valor. Cada clave es una cadena de texto o un número que representa el nombre de una propiedad del objeto, y cada valor es cualquier tipo de dato que se pueda almacenar en una variable.

05pTUJ8mGdKCiRliXDNTe zD62YTTTNG oO8UZe27B1j YNjGfQ6PYuIn2VOrjQJC5tFulvYO6psapEdrWbfeFI33luqgmxlINoXn H XmO c4R7fQjEUQJs61I 5Qgas0QFmWeIk3lUCad7Trq 7Ih1BVEhU3dlB01Fq9BDyu mTT gDuJ2E2X8Z5BEoynV=s2048

Ejercicios

  1. El Emoticono Ruidoso:

    Crea un string que sea un emoticono de un mono gritando. Luego, utiliza console.log para imprimirlo.

  2. La Pizza Matemática:

    Tienes 8 trozos de pizza y comes 2. Crea una variable para el número inicial de trozos y otra para cuántos has comido. Utiliza operaciones matemáticas para determinar cuántos te quedan e imprime el resultado.

  3. La Lista de la Compra:

    Crea un array que contenga una lista de la compra con al menos cinco elementos (por ejemplo, «manzanas», «leche», «huevos», etc.). Luego, imprime el tercer elemento de la lista.

  4. El Perfil del Superhéroe:

    Crea un objeto que describa a un superhéroe, incluyendo propiedades como «nombre», «poder» y «ciudad». Luego, imprime el nombre del superhéroe.

  5. El Café Desaparecido:

    Crea una variable que represente tu taza de café de la mañana. Luego, asigna null a esa variable para representar que has terminado tu café y imprímela.

  6. La Sombra en el Código:

    Declara una variable pero no le asignes ningún valor. Imprime esta variable y comprueba su valor y tipo.

  7. El Combo de Datos:

    Crea un array que contenga diferentes tipos de datos, como un número, un string, un objeto, null, y undefined. Luego, imprime el array.

let screamingMonkey = «🙉»;
console.log(screamingMonkey);

let totalPizza = 8;
let eatenPizza = 2;
let remainingPizza = totalPizza – eatenPizza;
console.log(remainingPizza);

let shoppingList = [«manzanas», «leche», «huevos», «pan», «queso»];
console.log(shoppingList[2]);

let superhero = {
name: «Superman»,
power: «Super fuerza»,
city: «Metropolis»
};
console.log(superhero.name);

let coffeeCup = «☕»;
coffeeCup = null;
console.log(coffeeCup);

let shadow;
console.log(shadow); //undefined
console.log(typeof shadow); //undefined

let dataCombo = [42, «JavaScript», {name: «John Doe»}, null, undefined];
console.log(dataCombo);

Ventajas de Sumérgete en JavaScript

Metodologia

Metodología con mucha práctica

La teoría está bien, y es por eso que el curso cuenta con +12h en vídeo, pero lo realmente importante es la práctica y aquí hay mucha práctica.

Profesionales

Profesores Profesionales

Curso diseñado y realizado por profesores profesionales con experiencia tanto en el sector de la programación como en el educativo.

De por vida

Acceso de por vida

Compra el curso y ten acceso a él siempre que lo necesites. Obtendrás todas las actualizaciones.

certificado

Certificado de finalización

Realizando el Proyecto Final obtendrás un certificado de finalización. El certificado cuenta con un código de verificación, para que las empresas puedan comprobar que realmente sabes JavaScript.

Comunidad

Comunidad de Discord

Conecta con los profesores y otros estudiantes a través de la comunidad de Discord. Haz nuevos amigos, contactos en el sector y pide ayuda a tus profesores, todo desde una sola plataforma.

garantia 14 dias

Pruébalo 14 días

No tienes que decidir ahora. Puedes acceder al curso y tomar una decisión en las próximas dos semanas. Si no te gusta el contenido o te das cuenta que el curso no es para tí, solo tienes que avisarnos y te devolvemos el 100% de tu dinero.

Testimonios de algunos estudiantes

Ellos ya han aprendido JavaScript

Deja de poner excusas, y dale un impulso a tu carrera laboral

SÚMERGETE EN JAVASCRIPT

Únete a

Disponible en Euros (€) y Dólares ($), para que aprender JavaScript no sea un impedimento