Tipos de datos
Clase 3 de 99 • 30 días de JavaScript
Contenido del curso
Ulises Serrano Pérez
student•
hace 3 años
Luis Angel Alonzo Gómez
student•
hace 3 años
Octavio Corzo
student•
hace 3 años
Clase 3 de 99 • 30 días de JavaScript
Contenido del curso
En JavaScript, existen distintos tipos de datos que podemos utilizar para almacenar información. A continuación, presentamos una descripción de los más populares:
Numbers
Los números son un tipo de dato que representa valores numéricos. En JavaScript, no existe un tipo de dato específico para representar números enteros o números con decimales, todos los números son tratados de la misma manera.
Podemos crear números utilizando la notación numérica, que incluye dígitos y puede incluir un punto decimal para representar números con decimales.
Ejemplo:
let edad = 30; let salario = 1500.50; const PI = 3.14;
También podemos utilizar la notación científica para representar números muy grandes o muy pequeños.
Ejemplo:
const numeroGrande = 1e6; // 1 millón const numeroPequeño = 1e-6; // 0.000001
Strings
Las cadenas de texto (strings) son un tipo de dato que representa una secuencia de caracteres. En JavaScript, podemos crear strings utilizando comillas simples o comillas dobles.
Ejemplo:
const nombre = "Platzi"; const apellido = 'Academy';
Podemos concatenar dos strings utilizando el operador +:
console.log("Hola, " + nombre + " " + apellido + "!"); // "Hola, Platzi Academy!"
También podemos utilizar la notación template literal para crear strings que incluyen variables y expresiones:
console.log(`Hola, ${nombre} ${apellido}!`); // "Hola, Platzi Academy!"
JavaScript proporciona una serie de métodos para manipular strings. Algunos de los métodos más comunes son:
length: Devuelve la longitud de un string.toUpperCase(): Devuelve el string en mayúsculas.toLowerCase(): Devuelve el string en minúsculas.substring(): Devuelve una parte del string.const nombre = "Platzi"; console.log(nombre.length) // 6 console.log(nombre.toUpperCase()) // PLATZI console.log(nombre.toLowerCase()) // platzi console.log(nombre.substring(0, 5)) // Platz
Objects
Los objetos son estructuras de datos que nos permiten almacenar un conjunto de pares clave-valor. Estos pares son conocidos como propiedades del objeto.
Para crear un objeto, debemos utilizar las llaves {} y especificar las propiedades del objeto mediante la sintaxis nombrePropiedad: valorPropiedad. Los valores de las propiedades pueden ser de cualquier tipo de dato, incluyendo otros objetos.
Ejemplo:
const persona = { nombre: "Fulanita", platziRank: 9567, cursoFavorito: { nombre: "Básico de JavaScript", clases: 30, duración: "2 horas" } };
Para acceder a las propiedades de un objeto, podemos utilizar el operador . o la notación de corchetes [].
Ejemplo:
console.log(persona.nombre); // "Fulanita" console.log(persona.cursoFavorito.nombre); // "Básico de JavaScript" console.log(persona["platziRank"]); // 9567
Booleanos
Los valores booleanos (boolean) son un tipo de dato que representa un valor verdadero o falso. En JavaScript, podemos utilizar la palabra clave true para representar el valor verdadero y false para representar el valor falso.
Ejemplo:
let cursoCompletado = true; let lecturaCompletada = false;
No pasa nada si no recuerdas el tipo de dato con el que estás trabajando, dentro de JavaScript existe la instrucción
typeofla cual te dirá el nombre del tipo de dato con el que estás trabajando
Ejemplo:
typeof "#PlatziChallenge" // "string" typeof 30 // number typeof true // boolean typeof {} // "object" // 👀 con los arrays nos devuelve que son un objeto // Más adelante descubriremos la razón typeof [] // "object"
Todo esto y más lo puedes aprender en el Curso Básico de JavaScript
Ulises Serrano Pérez
Luis Angel Alonzo Gómez
Octavio Corzo
Luis Castro
Santiago Rodriguez H
Lucas Frazzetta
Rubén Cuello
Ignacio Mora
Juan Hurtado
Diego Toro Cárdenas
Leonardo de los angeles Espinoza Hernandez
Tatiana Muñoz Muñoz
Julian Roa Villamil
Carlos Andrade
Ana Rotela Cabrera
Ricardo Alfonso Chavez Vilcapoma
Fernando Antonio Flores Velez
Francisco José Villena Cortes
Leonardo de los angeles Espinoza Hernandez
Jennifer Lisandra García Orellana
Diego Toro Cárdenas
David Rosas
Leonardo de los angeles Espinoza Hernandez
Katya Paola Solis sanchez
Leonardo de los angeles Espinoza Hernandez
Richard Pascual Huallpa Yapo
Leonardo de los angeles Espinoza Hernandez
Bruno Sosa
Milagros Fortis
Pablo Andres Fernandez Cari
Max Castillo
😂😂😂
XD
Aquí te dejo algunos datos curiosos sobre los tipos de datos en JavaScript:
.
string, number, boolean, undefined, null y symbol. Además, existe un séptimo tipo de datos llamado objeto, que es una colección de datos y/o funciones.
.strings de longitud uno.
.strings son inmutables, lo que significa que no se pueden cambiar una vez que se han creado. En su lugar, se pueden crear nuevos strings a partir de los existentes.
.arrays en JavaScript también son objetos, lo que significa que pueden tener propiedades y métodos. Una propiedad interesante de los arrays en JavaScript es que su longitud no está fija, lo que significa que se pueden agregar o eliminar elementos en cualquier momento.
.true o false en función de su valor de verdad. Algunos valores que se evalúan como false son: 0, "", undefined, null y NaN.te faltó el BigInt
Viene bárbaro todo este repaso!!
En el último ejemplo (el de typeof) hay un error en la línea que dice ' typeof 30 // "boolean" '.
¡Buen ojo! Gracias por reportar el error. Ya fue corregido :smile:
averiguando un poco más de los tipos de datos en JS me encontré con un video de midu sobre el valor null y su typeoff. Me pareció interesante a si que se los dejo 💚 https://www.youtube.com/watch?v=E9AKgDdZKnE&ab_channel=midulive
Una cosita... No entiendo el motivo por el cual en éste ejemplo básico, declaran TODO con const... Platzi tiene grandes problemas con el tema de la declaración de variables y puede llevar a confusiones... Si declaran:
const edad = 30; (¿No les parece que es más adecuado un let ya que la edad NO es constante?) const pi = 3.14; (pi, sí es una constante, ya que no cambia su valor en el tiempo) const salario = 1500.50; (Mismo que la edad, ésto no debería ser const sino let)
A ver, cada cual declara sus variables como quiere, pero a modo educativo, es más claro demostrar la utilidad de cada tipo de variable... Saludos.
Mi hipótesis es que tienen malas practicas porque odian a los “puristas del código”
¡Muchas gracias por el feedback! No odiamos a nadie y mucho menos a los y las puristas del código. Vamos a estar corrigiendo estos detalles que nos comentan para brindarles siempre una mejor experiencia de aprendizaje
¡Mil gracias por la observación!
Un abrazo 💪
Resumen de lo leído
Muy interesante repasar los conceptos básicos. Estoy emocionado de completar el reto para poder aplicar estos conocimientos en futuros proyectos. ¡Vamos por más! 💻🚀
3/78 Tipos de datos
Numbers
Los números son un tipos de dato en JavaScript que pueden representar valores numéricos, tanto enteros como decimales. Se pueden crear utilizando la notación numérica, que incluye dígitos y un punto decimal. También se puede utilizar la notación científica para representar números muy grandes o muy pequeños.
Ejemplos:
String
Los strings son un tipo de dato que representa una secuencia de caracteres, podemos crear strings utilizando comillas simplres o dobles y concatenarlos utilizando el operador +.
También podemos utilizar la notación template literal para crear strings que incluyen variables y expresiones.
Además, hay varios métodos disponbles para manipular strings, como:
Ejemplo:
const texto = “Hola Mundo”;
const nombre = “Juan”;
const apellido = “Pérez”
console.log(texto.length); // 10
console.log(texto.toUpperCase()); // HOLA MUNDO
console.log(textotoLowerCase()); // hola mundo
console.log(texto.substring(0,4)); // Hola
console.log(’Hola. ${nombre} ${apellido}!’}; // “Hola, Juan Pérez!”
Objetos
Son estructuras de datos que almacenan un conjunto de pares clave-valor.
Se pueden crear utilizando llaves y especificando las propiedades del objeto mediante la sintaxis nombrePropiedad: valorPropiedad.
Para acceder a las propiedades del un objeto, se puede utilizar el operador, o la notación en corchetes [ ].
Ejemplo:
const persona = { nombre: "fulanita", platziRank: 9898,
Booleanos
Los valores booleanos son un tipo de dato que representa una condición que puede ser verdadera o falsa. En JavaScript, los valores booleanos se representan con las palabras clave “true or false”
let cursoCompletado = true; //Se inicializa con el valor booleano true // indicando que el curso fue terminado let lecturaCompletada = false; // Se unicializa con el valor booleano false //indicando que el curso no fue terminado
Los valores booleanos se utilizan comunmente en la lógica y las estructuras de control de flujo en programación. Por ejemplo, podemos utilizar una expresión booleana en una estructura if para decidir qué acción tomar:
if (cursoCompletado) { console.log("¡Felicidades por completar el curso!"); } else { console.log("Aún falta completar el curso."); }
En este caso si la variable “cursoCompletado es verdadera, se imprimirá “Felicidades por completar el curso” en la consola. Si es falsa, se imprimirá “ Aún falta completar el curso”.
TypeOF
En JavaScript, a veces el posible olvidar el tipo de dato de una variable o valor que estamos manejando. Para ayudarnos a identificar el tipo de dato de un valor, podemos utilizar la instrucción “typeof”. Esta instrucción nos devuelve una cadena de texto que representa el tipo de dato del valor que estamos evaluando.
En el ejemplo proporcionado, se muestran diferentes tipos de datos y su resultado al utilizar la instrucción “typeof”. Por ejemplo, si utilizamos “typeof” con el valor “#PlatziChallenge”, nos devuelve la cadena de texto “string”, lo que indica que se trata de una cadena de texto. Si lo utilizamos con el valor 30 , nos devuelve la cadena de texto number, lo que indica que se trata de un número.
Además, Si utilizamos typeof en un array nos devolvera el valor object. Esto puede parecer confuso pero lo que pasa es que en JavaScript los arrays son un tipo de objeto, por lo tanto typeof nos muestra que se trata de un objeto en lugar de un tipo de dato específico para un array.
Estoy aprendiendo mucho con los comentarios de la comunidad. Muchas gracias por los aportes.
Me siento feliz, con este reto llegué a los 12 mill puntos :)
Me gusta la plataforma de Platzi, me ayuda a mejorar, además comprendo los conceptos muy bien, esta parte de tipos de datos me costaba y ahora la entendí perfectamente.
Hay algún plannig para organizarme el reto por días? saber cuanto tengo que ver cada día mas o menos?
¡Hola @franynada!
Lo ideal es que te organices como mejor te sientas, la idea de separar el reto por días es para reducir la carga de material. Si lo prefieres, puedes tomar un día del challenge en la mañana, tarde y noche para que de esa manera puedas avanzar un poco más rápido. O si lo prefieres un día por día (un día del challenge === un día normal). / Aunque el límite de tiempo para aprobar el challenge es el 17 de Abril, dejaremos este recurso disponible por mucho más tiempo. / Cualquier otra cosa más en la que te pueda ayudar, por aquí estoy :D
Que bueno que quedara por más tiempo jejeje los que estamos esperando quierase o no vamos mas lento :D
Ya se ve feo una constante declarada en letra minúscula pero un número PI, gas...
Que va en la parte donde dice Copy code ? Es typo?
Un typo, ya está corregido ✅
buenos días!! disculpen a qué hora es el live y que días?? es mi primer reto y ando un poco perdida :)
¡Hola!
Los lives del reto empiezan a partir del 6 de marzo, estaremos dando más detalles dentro del canal de discord llamado "#🤟 reto-30-dias-javascript". De igual forma te mantendremos al tanto enviando emails cuando sea necesario
¡Mucha suerte! quedo al tanto de cualquier otra pregunta
saben si el live de ayer se guardo ?
¡Quedó grabado! En un par de días les indicaremos donde se guardará esa sesión 💪
¿Es correcto tomar este curso si solo tengo conocimientos básicos de JavaScript ? O debería tomar los cursos que ya hay primero.
Este curso arranca desde lo mas basico hacia lo mas avanzado, vas a poder hacer algunas cosas pero probablemente otras te cuesten un poco mas. Te recomiendo que hagas como voy a hacer yo: vas haciendo este reto todos los dias y cuando ves un tema que no lo entendes o no esta del todo explicado buscas el tema en la plataforma y seguro te salen las clases o los cursos en donde lo explican! Mucha suerte en este reto !
Lo bueno de tomar el reto ahora es que hay una sección específica en discord en donde pueden responde tus preguntas mucho más rápido.
Me gusta este curso, es como un guía rápida y precisa, y si ya se desea practicar y mejorar se van tomando los cursos sin estancarse mucho.