Ulises Serrano Pérez
Luis Angel Alonzo Gómez
😂😂😂
Octavio Corzo
XD
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
XD
Lucas Frazzetta
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" '.
Rubén Cuello
¡Buen ojo! Gracias por reportar el error. Ya fue corregido :smile:
Ignacio Mora
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
Juan Hurtado
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.
Diego Toro Cárdenas
Mi hipótesis es que tienen malas practicas porque odian a los “puristas del código”
Leonardo de los angeles Espinoza Hernandez
¡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 💪
Tatiana Muñoz Muñoz
Resumen de lo leído
Julian Roa Villamil
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! 💻🚀
Carlos Andrade
Ana Rotela Cabrera
Estoy aprendiendo mucho con los comentarios de la comunidad. Muchas gracias por los aportes.
Ricardo Alfonso Chavez Vilcapoma
Me siento feliz, con este reto llegué a los 12 mill puntos :)
Fernando Antonio Flores Velez
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.
Francisco José Villena Cortes
Hay algún plannig para organizarme el reto por días? saber cuanto tengo que ver cada día mas o menos?
Leonardo de los angeles Espinoza Hernandez
¡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
Jennifer Lisandra García Orellana
Que bueno que quedara por más tiempo jejeje los que estamos esperando quierase o no vamos mas lento :D
Diego Toro Cárdenas
Ya se ve feo una constante declarada en letra minúscula pero un número PI, gas...
David Rosas
Que va en la parte donde dice Copy code ? Es typo?
Leonardo de los angeles Espinoza Hernandez
Un typo, ya está corregido ✅
Katya Paola Solis sanchez
buenos días!! disculpen a qué hora es el live y que días?? es mi primer reto y ando un poco perdida :)
Leonardo de los angeles Espinoza Hernandez
¡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
Richard Pascual Huallpa Yapo
saben si el live de ayer se guardo ?
Leonardo de los angeles Espinoza Hernandez
¡Quedó grabado! En un par de días les indicaremos donde se guardará esa sesión 💪
Bruno Sosa
¿Es correcto tomar este curso si solo tengo conocimientos básicos de JavaScript ? O debería tomar los cursos que ya hay primero.
Milagros Fortis
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 !
Pablo Andres Fernandez Cari
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.
Max Castillo
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.
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.