Fundamentales de JavaScript: conceptos básicos

1. ¡Hola!: Bienvenido a este curso, javascript, los fundamentos. Javascript es uno de los lenguajes de programación más demandados hoy en día, y es un gran lenguaje para comenzar tu viaje de programación. Una de las dificultades a la hora de aprender a codificar es encontrar los mejores recursos para principiantes. Este curso te presentará todos los temas clave como los tipos de datos primitivos y luego objetos y matrices. Este curso corto y conciso te dará una base sólida de todos los conceptos básicos y te proporcionará suficiente información a través ejemplos para que puedas salir y practicar por tu cuenta. Soy Emma y llevo trabajando como programadora durante siete años. La mayor parte de ese tiempo, he estado usando JavaScript y me encantó el idioma. También he ayudado a suficientes personas en el camino para saber qué temas deben saber los principiantes. Espero que hayas aprendido a amar JavaScript tanto como yo y que disfrutes el curso. 2. Introducción a los tipos primitivos: Lo primero que vamos a ver son los tipos primitivos. Si lo piensas, los datos vienen en todo tipo de formas y tamaños. Cuando decimos un tipo de datos, nos estamos refiriendo al tipo de un valor específico. En nuestro uso diario del lenguaje, utilizamos palabras y números para diferentes propósitos. Por ejemplo, cuando publicas la carta es probable en el sobre, estás escribiendo una dirección. En su mayor parte, esa dirección estaría compuesta por palabras. Por otro lado, cuando haces una llamada telefónica es más probable que marques un conjunto de números. En programación, no es diferente. Es sólo que hay algunas categorías más en las que se dividen los tipos de datos. Pero esencialmente, un tipo define cómo usaremos los datos en nuestro código. Y son las principales opciones esenciales para representar datos. Algunos idiomas te hacen especificar de antemano el tipo de datos cuando los estás utilizando. Pero JavaScript es lo que se conoce como un lenguaje dinámico y de tipo suelto, lo que significa que no tienes que hacer esto, porque JavaScript, lo averiguaremos por sí mismo cuando se ejecute. En JavaScript, nos referimos a estos tipos de datos más básicos como tipos primitivos. Y hay siete de estos. Número rápido, que es como representamos los valores numéricos. Booleano, verdadero o falso. Cadena, conjunto de caracteres. Nulo, indefinido. Por último, símbolo y grande y simple y grande y no son tan comunes y unos temas un poco más avanzados, pero aún vale la pena saber que existen. El primero en los tipos primitivos que vamos a mirar es el tipo de número. El tipo de número es la forma en que JavaScript nos permite representar valores numéricos. En JavaScript, solo hay un tipo de número, pero el valor puede ser cualquiera de los siguientes. Positivo o negativo. Es como uno o menos uno entero, también conocido como enteros. Estos son valores como 50 u ocho. Luego hay decimales, a veces conocidos como valores de punto flotante. Estos son valores como 10.1 o 22.8. Es bueno estar al tanto de que JavaScript sí tiene algunas restricciones de memoria. Si estás trabajando con números realmente largos, cuando usas un número de más de 15 dígitos de largo, será redondeado hacia arriba o redondeado a menos que uses el tipo de datos int grande. En el siguiente video, veremos algunos ejemplos de estos valores. Para ello, podemos usar la consola. La consola es una interfaz de línea de comandos dentro de tu navegador de internet. Y dentro de ella puedes ejecutar bits de código. Puedes escribir números indirectamente y realizar cálculos al igual que cuando usas una calculadora. Puedes seguir las instrucciones incluidas para cargar esto, pero todo lo que necesitas hacer es abrir Chrome. Y a partir de ahí puedes seleccionar Ver Desarrollador, Consola JavaScript. Si quieres un Mac, también puedes usar las teclas de acceso directo, opción de comando y j. O si estás en una máquina Windows, Shift Control y J. Como mencioné en el último video, podemos usar el consola para experimentar con números. Si aún no has abierto la consola, está bien. Solo necesitas lanzar Chrome. Para que puedan ver que ya lo tengo abierto aquí. Después ve a View Developer JavaScript console. Empecemos por mirar números positivos. Simplemente podemos escribir uno en la consola, y este sería un número positivo. Si voy adelante y hago eso aquí, presiono uno y luego presiono Enter. Se puede ver que tenemos el número uno. Por lo que es importante señalar aquí, realidad no está sucediendo nada. No se está almacenando ni salvando nada. La consola solo está reconociendo que hemos escrito un valor en. Es un poco como cuando escribes el número en una calculadora y puedes ver que se está escribiendo. Podemos hacerlo de nuevo con un número negativo. Si tomamos el valor menos 200, podemos escribir eso en. Después presionamos enter. Podemos hacer lo mismo con un decimal. Si tomamos el valor 5.1, pulse Enter. Por último, también mencioné restricciones de memoria con números realmente largos. Si escribo evaluado con más de 15 dígitos, si voy adelante y hago eso, entonces presiono Enter. Se pueden ver los valores que se están redondeando. Si vuelvo a hacer lo mismo, pero lo hago menos de 15 dígitos. Entonces presiono Enter. Se puede ver que obtenemos el valor preciso. Y eso es porque JavaScript no puede almacenar un número infinitamente aunque. Una última cosa a tener en cuenta aquí es si en la consola quieres volver al último comando que escribiste. Solo necesitas usar la flecha hacia arriba en tu teclado. Y se le dará. Ahí. 3. Booleans: El siguiente tipo primitivo vamos a mirar a un booleano. El booleano es uno de dos valores, verdadero o falso. Es un poco como decir sí o no o encendido o apagado. No usas comillas cuando usas un booleano, realmente es simplemente verdadero o falso. Posteriormente en el curso, hablaremos de condicionales y lógica. Y el uso de booleanos se mostrará en mayor profundidad en. Pero por ahora, solo recuerda que un booleano es verdadero o falso. En la consola, podemos ver cómo se ve un booleano. Si quisiera usar un booleano con un valor de true, entonces simplemente puedo escribir true y presionar Enter. Si quisiera usar un booleano con un valor de false, entonces simplemente teclearé false y presionaré Enter. Como nota al margen, si alguna vez quieres borrar el contenido de la consola, entonces puedes llamar al método clear, que es un método de la consola. Simplemente lo llamamos así que hablamos consola dot clear. Entonces porque es un método necesitamos usar paréntesis y luego presionamos Enter. Como se puede ver, la consola ahora está siendo despejada para nosotros. 4. Null y indefinido: Al lado de tipos primitivos, vamos a discutir un nulo e indefinido. Empecemos con null. Null no representa nada. Por decirlo de otra manera, no como simplemente un no-valor. Imagínate, estoy en tu nevera para buscar algo de leche y luego no había leche ahí dentro. Se podría decir que esto no es JavaScript. Por lo general establecemos nulo intencionalmente. Para que pudieras crear una variable para almacenar el valor. En este caso, podríamos llamarlo frigorífico tiene leche, y le asignarías el valor null a esta variable. Undefined, por otro lado, tampoco representa ningún valor, pero es menos común asignar a una variable el valor de undefined. En cambio indefinido ya que más a menudo nos volvía en forma de una época en la que volvimos a nosotros si declaramos una variable. Pero no lo inicializamos asignando un valor a la variable. De vuelta en la consola, podemos ver algunos ejemplos de null e undefined. Empecemos con undefined. Una vez que podrías ver undefined es si estás trabajando con una cadena y luego buscas un elemento que realmente no existe en la cadena. Si tomamos como ejemplo el hielo de cuerda, se puede ver que esto solo tiene tres letras. Y puedo probar esto usando la propiedad length. Ahora si seguimos adelante y buscamos la cuarta letra en la cadena, usaremos notación de corchete. Se puede ver como esto en realidad no existe, nos quedamos indefinidos. Si vuelvo a hacer esto y termino por la primera letra de la cadena que existe. Puedes ver que obtenemos el siguiente ejemplo de cuando podrías ver undefined es cuando creamos una variable, pero no inicializamos la variable con un valor. Entonces voy a seguir adelante y ahora crear una variable llamada bebida fría. Se puede ver que nos quedamos indefinidos. Si supiéramos con anticipación que queríamos inicializar la variable bebida fría sin valor. Este sería en realidad un momento apropiado para usar null. Si ahora asigno ahora a la variable bebida fría. Se puede ver que obtenemos no. Acabo de tratar de usar la variable solo para mostrarte que sigue ahí. Que tenemos ahora. 5. Sarith: Cuando estamos trabajando con números, es probable que queramos realizar ciertas operaciones o cálculos. Contamos con un conjunto de operadores aritméticos que podemos utilizar. Éstas son suma, resta, multiplicación, división y módulo. Ahora el operador aquí, que puede ser el menos familiar, es probable que sea el operador modulo, que a veces se conoce como el operador restante. Este operador dividirá el valor a la derecha por el valor de la izquierda y luego devolverá el resto que queda después de realizar la división. Entonces, por ejemplo, si hiciera 100 módulo a, el valor de retorno sería 0. O si en cambio hice 75 módulo 60, el valor de retorno sería 15. Vale la pena saber que si el valor de la izquierda es positivo, entonces el valor de retorno siempre será positivo. Y si el valor de la izquierda es negativo, entonces el valor de retorno siempre será negativo. Otra cosa que vale la pena mencionar aquí es la precedencia del operador. Ahora puede estar familiarizado con el orden de operación rol y el acrónimo PEMDAS. Pemdas significa paréntesis, exponentes, multiplicación, división, suma y resta. En JavaScript, el orden de precedencia funciona esencialmente de la misma manera. Por lo que cualquier cosa encerrada dentro de paréntesis se evaluará primero. Entonces la multiplicación y la división tienen una precedencia mayor que la suma y la resta. Así que vamos a sumergirnos con algunos ejemplos de uso de operadores aritméticos. Una vez más, estaremos usando la consola JavaScript. Si partimos con el operador de adición, queríamos realizar el cálculo. Dos más dos se teclearán en el operador de adición, seguido de dos y pulse Enter. Como se puede ver para se devuelve en el cálculo se ha hecho por nosotros. Podemos volver a hacer lo mismo, pero con resta. Si quisiera restar dos de diez, entonces teclearé en diez. devuelve el operador de resta, seguido de 28. A continuación, intentemos alguna multiplicación y multiplicemos seis por dos. Puedo escribir en seis. El operador de multiplicación seguido de dos y pulse Enter. Como se puede ver, se devuelve 12. Podemos hacer lo mismo por división. Si quisiera dividir, digamos cuatro por dos, entonces voy a escribir para el operador de división y presione Enter. Entonces llegamos a nos devuelve. Por último, veamos al operador del módulo. Si quisiera ver qué era lo sobrante, si dividí 100 por 100, obtenemos esto hace, nos devuelve la tubería 100 módulo 1000, y eso es porque 100 encaja en 100 exactamente. No hay valor restante. Pero si vuelvo a hacer esto, pero lo intenté con 98, tecleo en 100 módulo 98, entonces llego a volver. Y eso es porque 98 encaja en 100 exactamente una vez, pero deja como el valor restante. 6. Comentarios: En esta sección, vamos a hablar de comentarios. Cuando hayas revisado para exámenes en el pasado, podrías estar familiarizado con el concepto de dejar notas en el libro de texto para recordarte si las cosas para recordarlo más tarde apuntan, como cuando llegó al tiempo de revisión. Los comentarios en JavaScript funcionan de manera similar. Cuando estás escribiendo código, puede ser fácil olvidar que nosotros o alguien más puede necesitar algo de claridad más adelante. Es posible que simplemente queramos dejar un recordatorio para volver a visitar algún código en un momento posterior, tal vez para ordenarlo. Javascript tiene dos tipos de comentarios, comentarios de una sola línea y comentarios de varias líneas. Si el comentario es solo unas pocas palabras y cabe en una línea, entonces podemos usar el comentario de una sola línea. Si es más largo que los comentarios de varias líneas serán más adecuados. Aquí estamos en el editor de texto y sólo voy a dar algunos ejemplos de comentarios. Sólo voy a hacer algo de espacio aquí. Y entonces voy a empezar haciendo un comentario de una sola línea. Hacemos un comentario de una sola línea con dos barras inclinadas hacia adelante. Y sólo voy a añadir algún golpe de texto. Como se puede ver, todo en esta línea después de las barras delanteras se está ignorando. Así que voy a pasar a la siguiente diapositiva y voy a crear una variable. Como se puede ver, esto ya no forma parte del comentario. Ahora si creamos un poco más de espacio, voy a crear un comentario multilínea. Entonces para hacer esto, uso una slash hacia adelante y un asterisco. Y luego vamos a añadir algún texto. Se puede ver que hasta que cierre este comentario, todo en las siguientes líneas se está ignorando. Ahora si voy y me dirijo y cierro el comentario y uso un asterisco y una slash hacia adelante. Y caeré a la siguiente línea y crearé otra variable. Se puede ver que ya no forma parte del comentario. 7. Introducción a las variables: Entonces lo siguiente que vamos a ver son variables. Las variables nos proporcionan una forma de almacenar valores. Esto es realmente importante para que podamos hacer que nuestro código tenga alguna funcionalidad. En lugar de solo usar la consola. Las variables nos permiten etiquetar y almacenar nuestros datos y luego acceder y utilizar los datos o actualizar los datos en un momento posterior. Una buena manera de pensar en una variable es como un contenedor. Imagina que tienes un tarro de mantequilla de maní. Si compraste esto en la tienda, es probable que este frasco tenga una etiqueta en él. Entonces ya sabes lo que hay dentro del frasco. En código, podrías crear una variable llamada jar y luego asignar el valor mantequilla de maní. En JavaScript, tenemos tres formas en que podemos crear una variable, la rápida a una usando las palabras clave izquierda o const. Let and const se introdujeron en ES 2015, que también se conoce en ocasiones como ES6. Esta fue una versión de JavaScript publicada en 2015. Antes de esto, la única forma de crear una variable era usar la barra de palabras clave. Todavía puede ver código que usa esto y eso está bien. Pero en el futuro lo mejor es quedarse con izquierda o const. La principal diferencia entre usar left o const es que las variables creadas con la palabra clave const no se pueden cambiar una vez que se hayan creado. Entonces antes de sumergirnos en algún código, hay algunas convenciones de nomenclatura que son importantes saber a la hora de nombrar variables. En primer lugar, el nombre de la variable para comenzar con una letra o un subrayado, o un signo de dólar. Por lo general, aunque lo mejor es comenzar la variable con una letra y usar una convención llamada carcasa de camello. La carcasa de camello es donde la primera palabra está toda en minúsculas y cualquier palabra adicional mayúscula la primera letra, pero el resto de esa palabra está en minúsculas. No se pueden utilizar espacios en un nombre variable, que es otra razón por carcasa de camello es una buena convención. Variables también sensibles a mayúsculas y minúsculas. mayúsculas en una variable y luego nombrarla nuevamente en minúsculas crearía dos variables separadas. Por último, no puedes usar ninguna de las palabras de reserva de JavaScript para nombrar tu variable. Las palabras reservadas se pueden encontrar en el sitio MDM aquí. Un consejo sin embargo, también es bueno usar un nombre que signifique algo. Cuando alguien más lea tu código, el nombre de la variable tendrá sentido. En la consola. Vayamos a crear el ejemplo que discutimos anteriormente. Y crearemos una variable usando let llamado jar. Y le asignaremos el valor de mantequilla de maní. Ahora, siempre que queramos usar la variable jar, simplemente escribimos el nombre de la variable, recordamos, y presionamos Enter. Entonces obtendremos el valor que se almacena dentro de la variable. También podría realizar operaciones utilizando múltiples variables. Si quisiera sumar dos valores juntos, puedo crear una variable, llamémoslo primer valor. Voy a inicializar esto con el valor cinco. Ahora vamos a crear una segunda variable, que llamaremos segundo valor. Vamos a inicializar esto con el valor diez. Ahora intentemos sumar los dos juntos. Digo primer valor, segundo valor. Ahí obtenemos el nuevo total, 15. 8. Uso de const: Ahora vamos a echar un vistazo a la creación de variables con const. Entonces vamos a seguir adelante y crear una variable usando const. Lo llamaremos soy const. Lo inicializaremos con el valor booleano de true y presionaremos Enter. Tratemos ahora de recordar la variable. Y luego nos hacemos realidad. Como mencioné anteriormente, una vez que se ha creado una variable con const, el valor de esa variable, cambia el valor de esa variable, contarlas. Pero intentemos esto de todos modos. Intentaremos cambiar el valor de la variable a false. Como se puede ver, ahora nos da un error. 9. SsupdatingVariables: Cuando estamos trabajando con variables, podemos inicializar la variable con un valor, pero luego vinculada a querer cambiar ese valor. Podemos hacerlo actualizando la variable. Empecemos con una variable. Lo llamaremos color. Vamos a inicializar esto con el valor de rojo. Recordemos esa variable. Como se puede ver, se inicializó correctamente. Ahora si queremos actualizar la variable, tal vez cambiemos de opinión y queremos cambiar el color a azul. Tenemos que utilizar el operador de asignación, que es el signo igual. Vamos a darle una prueba a esto. Decimos que el color es igual a azul. Ahora recordemos de nuevo la variable. Y como se puede ver, se ha actualizado a azul. Si estás trabajando con una variable que almacena un número, pero quieres actualizar esa variable. Nuevamente, debe utilizar el operador de asignación. Vamos a crear una variable llamada count. Se inicializará esto con un valor de tres. Ahora si queremos aumentar esta variable en una, diríamos contar igual a contar para obtener el valor inicial de contar más uno y presionar Enter. Entonces mueva Rico, cuente. Como se puede ver, se ha actualizado a cuatro. No puedes simplemente hacer es contar más uno porque entonces no estarías asignando ningún valor. Vamos a darle una prueba a eso. Diremos contar más uno. Y luego recordar cuenta. Como se puede ver, no se ha actualizado nada. Para recapitular aquí, en cualquier momento que desee actualizar una variable, debe utilizar el operador de asignación para hacerlo. 10. Introducción a los operadores de comparación: Bienvenido de nuevo. Ahora nos estamos moviendo a los operadores de comparación. Anteriormente en el curso, cubrimos operadores aritméticos, lo que nos ayudó a realizar cálculos. Javascript también nos proporciona un conjunto de operadores llamados operadores de comparación. Los operadores de comparación nos permiten comparar valores y devolverán un booleano verdadero o falso para que podamos trabajar. El primer conjunto de estos operadores, vamos a ver un mayor que, que comprueba si un valor es mayor que algo, menor que. Que comprueba si un valor es menor que algo, entonces tenemos el mayor que o igual al operador, que comprobará si un valor es mayor que o es igual a algo. Y por último, tenemos el menor que o igual al operador, que comprueba si un valor es menor que o es igual a algo. Si estuviéramos haciendo un programa basado en stock de supermercados, podríamos encontrar una situación en la que sólo queremos que el usuario pueda realizar un pedido. Si teníamos, digamos, plátanos en stock. Para ello, quisiéramos comprobar que el número de plátanos disponibles era mayor que 0. Este sería un ejemplo de utilizar el mayor que operador. Posteriormente, es posible que entonces queramos limitar la cantidad de plátanos que un cliente pueda pedir en uno, ir a cinco, para que nos aseguremos que el sistema de pedidos fuera justo. En este caso, quisiéramos comprobar que la orden cuente plátanos con menos o igual a cinco. Y aquí usaríamos el menos que o igual al operador. Empecemos con un simple ejemplo de mayor que comprobará si uno es menor de dos. Entonces decimos uno, menos de dos, y nos hacemos realidad. Ahora intentemos si uno es mayor que dos. Entonces diremos uno mayor que dos, y nos pongamos falsos. Ahora intentemos con un operador menor o igual al. Entonces diremos que son cinco, menos o igual a cinco? Y nos haremos realidad. Si lo intentamos, es cinco mayor que o igual a diez se va a conseguir falso. 11. Más operadores de comparación: El siguiente conjunto de los operadores de comparación, vamos a comprobar si un valor es igual a un valor y devolver un booleano basado en si este es o no el caso. Tenemos al operador de igualdad, a veces llamado operador de calidad más flojo. El operador de desigualdad, a veces referido como el operador de desigualdad suelta. También tenemos entonces una estricta igualdad y una desigualdad estricta. En JavaScript, tenemos lo que se llama calidad más floja y también estricta igualdad. Cuando usamos el operador de igualdad suelta, JavaScript realiza lo que se llama coerción de tipo. Tipo coerción es la conversión automática de un tipo de datos a otro tipo de datos. Si quisiéramos comparar el entero 0 con una cadena que contiene 0, la comparación usando igualdad suelta devolvería true. Esto se debe a que la cadena 0 será coaccionado al tipo entero. Y entonces la comparación realizada sería el número 0 comparado con el número 0. Por otro lado, si realizamos la misma comparación utilizando el operador de igualdad estricta, el valor de retorno sería falso porque el operador de igualdad estricta no realiza ningún tipo de coerción. Entonces empecemos probando al operador de igualdad. Veamos qué pasa si tratamos de comparar el borde de cinco con una cadena phi? Se dirá que cinco W equivale a la cuerda cinco. Como se puede ver, nos hacemos realidad. Y esto se debe a que la cadena cinco se coacciona al tipo de datos entero antes de que se realice la comparación. Ahora intentemos esto de nuevo, pero compararemos el número entero cinco con la cadena seis. Por lo que decimos cinco W es igual a la cuerda seis. Estos no son iguales por lo que nos hacemos falsos. No obstante, si volvimos a hacer esto y usamos el operador de desigualdad, decimos que cinco no son iguales a la cadena seis. Nos hacemos realidad porque los valores no son iguales. Ahora pasemos al operador estricto de igualdad. Comparemos el número entero diez con el giro intruso. Por lo que decimos diez triples equivale a diez. Estos valores son los mismos, por lo que nos hacemos realidad. Tratemos de cambiar esto un poco y compararemos el número entero diez con la cadena diez. Por lo que decimos diez triples equivale a la cuerda diez. Ahora nos pongamos falsos. Esto se debe a que estamos utilizando el operador de igualdad estricta, y por lo tanto esta vez la cadena no será coaccionado. No obstante, si comprobamos que estos valores no son iguales usando el operador de desigualdad estricta, decimos diez, no w es igual a la cadena diez. Se puede ver que nos hacemos realidad. 12. Introducción a los condicionales: En esta sección, vamos a ver los condicionales. Cuando estemos escribiendo código, eventualmente llegaremos a un punto en el que necesitamos que el código sea más dinámico y actúe sobre ciertas decisiones. Cuando juegas un juego de mesa. A lo largo del juego, es probable que hagas ciertos movimientos o elecciones, dependiendo de ciertos resultados. En algún momento el juego comenzaría o terminaría basándose en si algo se ha logrado. Otra forma de pensar en esto es cómo tomamos ciertas decisiones a lo largo todos los días en función del clima. Si hace mucho frío, por lo general no elegiríamos usar un par de chanclas, por ejemplo. O si hace mucho calor, el quedo no quiere usar un jersey. Cuando estamos escribiendo código, a menudo necesitamos que el código funcione de esta manera. Necesitaremos cierta funcionalidad para ejecutarse o no en función de si ciertas condiciones son verdaderas o falsas. En JavaScript, nos referimos a esta lógica como lógica condicional. Empezaremos mirando a los operadores de comparación. Ahora estamos listos para pasar a las declaraciones condicionales. Una declaración condicional nos permite ejecutar código basado en si una condición era verdadera o falsa. Todos los operadores de comparación y lógicos se pueden ver dentro de una declaración condicional. Cuando usamos declaraciones condicionales, podemos usar if, else y else-if. Bienvenido de nuevo. Nuevamente para empezar por mirar si las declaraciones. Si las sentencias nos permiten ejecutar o ejecutar un fragmento de código basado en si una condición es verdadera o falsa. Para escribir una declaración if, Se detuvo mediante el uso de la palabra clave. Si. A la palabra clave if le sigue un conjunto de paréntesis, que luego seguirían un conjunto de llaves rizadas. Dentro de los paréntesis, sustituyó la condición. Dentro de los tirantes rizados. Colocamos el código que queremos ejecutar. Si la condición se evalúa a true. Si la condición no se evalúa a true, entonces el código dentro de las llaves rizadas no se ejecutará en el editor de texto. Ahora echemos un vistazo a usar declaraciones if. Empezaremos con una simple declaración if que imprime algo a la consola. Si uno es menos de dos. Empezamos con la palabra clave def. Teníamos un conjunto de paréntesis seguido de un conjunto de llaves rizadas. Dentro de los paréntesis, tenemos la condición que queremos revisar. En este caso, queremos comprobar si uno es menor de dos. Dentro de los tirantes rizados, agregamos el código que queremos ejecutar. Si la condición es cierta, sólo vamos a imprimir un mensaje sencillo a la consola. Diremos console.log. Uno es menos de dos. Vamos a salvar esto. Volveremos al navegador. Ahora solo voy a usar el comando de teclas R para refrescar mi pantalla, pero puedes usar el botón de actualización de tu navegador. Ahí nos llega el mensaje porque la condición era cierta. Hagamos otro ejemplo. Eliminemos esto. Y vamos a crear una variable. Vamos a llamarlo si vamos a inicializar esto con la cadena Sunny creará otra declaración if. Por lo que usamos la palabra clave def, los paréntesis, las llaves rizadas de apertura y cierre. Esta vez la condición que comprobaremos es si el clima es soleado. Entonces diremos que el clima es igual a soleado. Y volveremos a agregar un mensaje a la consola. Entonces diremos console.log. El tiempo es soleado. Vamos a guardar de esta manera de vuelta al navegador. Estoy impresionado. Refrescar. Ahí, volvemos a recibir el mensaje porque el clima es soleado. Pero volvamos al editor de código y vamos a cambiar el valor a lluvioso. No cambiaremos nada en la declaración if, pero lo guardaremos y le daremos una oportunidad a esto. Vuelvo a la consola y presiono actualizar esta vez porque la condición era falsa, el código nunca se ejecuta y no aparece un mensaje en mi navegador. 13. Ssif: Bienvenido de nuevo. Nuevamente para empezar por mirar si las declaraciones. Si las sentencias nos permiten ejecutar o ejecutar un fragmento de código basado en si una condición es verdadera o falsa. Para escribir una declaración if, se empieza por usar la palabra clave. Si. A la palabra clave if le sigue un conjunto de paréntesis, que luego son seguidos por un conjunto de llaves rizadas. Dentro de los paréntesis, colocamos la condición dentro de los tirantes rizados. Colocamos el código que queremos ejecutar. Si la condición se evalúa a true. Si la condición no se evalúa a true, entonces el código dentro de las llaves rizadas no se ejecutará en el editor de texto. Ahora echemos un vistazo a usar declaraciones if. Empezaremos con una simple declaración if que imprime algo a la consola. Si uno es menos de dos. Empezamos con la palabra clave def. Teníamos un conjunto de paréntesis seguido de un conjunto de llaves rizadas. Dentro de los paréntesis, tenemos la condición que queremos revisar. En este caso, queremos comprobar si uno es menor de dos. Dentro de los tirantes rizados, agregamos el código que queremos ejecutar. Si la condición es cierta, sólo vamos a imprimir un mensaje sencillo a la consola. Diremos console.log. Uno es menos de dos. Vamos a salvar esto. Vuelve al navegador. Ahora solo voy a usar el comando de teclas R para refrescar mi pantalla, pero puedes usar el botón de actualización de tu navegador. Ahí nos llega el mensaje porque la condición era cierta. Hagamos otro ejemplo. Eliminemos esto. Y vamos a crear una variable. Llamémoslo si vamos a inicializar esto con la cadena soleada. Y crearemos otra declaración if. Entonces usamos la palabra clave def, los paréntesis, y las llaves rizadas de apertura y cierre. Esta vez la condición que comprobaremos es si el clima es soleado. Entonces diremos que el clima es igual a soleado. Agregaré de nuevo un mensaje a la consola. Entonces diremos console.log. El tiempo es soleado. Vamos a guardar de esta manera de vuelta al navegador. Refrescar. Y ahí volvemos a recibir el mensaje porque el clima es soleado. Pero volvamos al editor de código y vamos a cambiar el valor a lluvioso. No cambiaremos nada en la declaración if, pero lo guardaremos y le daremos una oportunidad a esto. Vuelvo a la consola y estoy fresco, refresco y esta vez ronda porque la condición era falsa, el código nunca se ejecuta y no me sale un mensaje en mi navegador. 14. Sselse se Sselse: Al usar la sentencia else, podemos ejecutar adicionalmente algún código cuando la sentencia if se evalúa como false. El enunciado else tiene que ser usado en combinación con la sentencia if. Una forma de recordar si más declaraciones es pensar ellas como si o no preguntas. Por ejemplo, si llueve hoy, entonces haz algo. Si hoy no llueve, entonces haz otra cosa. Echemos un vistazo al uso del mouse volverá a usar un ejemplo meteorológico. Pero esta vez le agregaré otra declaración. Por lo que vamos a crear una variable que haría tiempo. Y vamos a inicializar esto con nieve, crearemos la declaración if. Entonces usamos la palabra clave paréntesis y llaves rizadas. Para la declaración if comprobará si el clima es soleado. Y agregaremos un registro de consola diciendo si es alguien. Ahora podemos agregar la declaración else. Entonces usamos la palabra clave else y otro conjunto de llaves rizadas. Esta vez agregaremos un mensaje que dice que el clima no es soleado. Vamos a salvar esto y le daremos una oportunidad. Como se puede ver, porque el clima no es de repente, obtenemos el registro de la consola diciendo si no es soleado. 15. Otro día: Cuando tenemos múltiples condiciones con las que queremos trabajar, podemos usar else-if para encadenar las declaraciones juntas. Por ejemplo, si llueve, tal vez queramos quedarnos dentro. Si nieva, no vamos a querer encender la calefacción. Pero para todas las demás condiciones climáticas, es posible que queramos salir afuera. Else-if se hacen declaraciones de combinar las palabras reservadas else y if, que están separadas por un espacio. El enunciado else-if siempre viene después de la primera declaración if y antes de la declaración final else. Así que ahora volvamos a nuestro ejemplo meteorológico. Esta vez agregaré una declaración else-if para cuando el clima está ventoso creará la variable meteorológica. Voy a inicializar esto con la cuerda ventosa. Creará la declaración if para comprobar si el clima es soleado. Ahora podemos sumar nuestra declaración else-if. Por lo que decimos otra cosa. Y luego agregamos un conjunto de paréntesis y un conjunto de llaves rizadas. Al igual que cuando usas una declaración if dentro de los paréntesis, ponemos la condición que queremos revisar esta vez que querías decir si es igual a viento. Y si hace viento, imprimirá un mensaje que diga si es ventoso. Por último, agregaremos una declaración else, solo diremos console.log. El tiempo no es ventoso ni soleado. Vamos a salvar esto y darle una oportunidad. Como se puede ver, debido a que la variable climatológica estaba configurada en ventosa, obtenemos el mensaje si es ventoso. Si volvemos al editor de texto y cambiaremos el clima para que sea nieve. Vamos a darle una oportunidad a esto. Ahora obtenemos el mensaje ya sea que no sea ventoso o soleado. 16. Operadores lógicos: Ahora estamos listos para pasar a los operadores lógicos. Hay tres operadores lógicos en JavaScript. El operador AND, el operador OR, y el operador NOT. Los operadores lógicos nos permiten hacer la lógica en nuestro código un poco más compleja. Si volvemos a la parada tomando el ejemplo cuando introducimos operadores de comparación, discutimos dos escenarios que tal vez queramos revisar antes de que un cliente pudiera realizar su pedido. Estos fueron los números de plátanos en stock o más de 0. Y posteriormente discutimos verificar si el usuario estaba ordenando no más de cinco plátanos. Cuando miramos estos, miramos ambos escenarios de forma independiente. No obstante, si hubiéramos utilizado operadores lógicos, podremos comprobar ambos escenarios a la vez. Empecemos mirando al operador AND. El operador consta de dos símbolos de ampersand y comprueba si dos condiciones se evalúan a true. Sólo para que quede claro, cuando decimos una condición, podría ser si dos es mayor que una. Volviendo al ejemplo de stock, plátanos en stock es mayor que 0 es una condición, y el cliente está pidiendo menos o igual a cinco plátanos sería otra condición. Cuando usamos el operador AND. Si ambas condiciones se evalúan a true, entonces el valor de retorno será verdadero. Si ninguna de las condiciones se evalúa como true, entonces el valor de retorno será falso. Pero si sólo una condición es falsa, entonces todo el grupo de condiciones seguirá evaluando siempre a falso. Echemos un vistazo al uso del operador AND. Comenzará con dos expresiones, ambas de las cuales serán los valores booleanos verdaderos. Vamos a decir verdad. Cierto. Ahora debido a que ambas expresiones ya igualan verdadero, toda la expresión se evalúa a verdadero. Vamos a intentar esto de nuevo. Pero esta vez vamos a establecer la primera expresión a true y la segunda expresión a false. Entonces diremos verdadero y falso. Esta vez nos hacemos falsos porque toda la expresión no se evalúa. Si hacemos otro ejemplo, pero esta vez ponemos ambas expresiones a false, false, false. Esta vez también nos hacemos falsos porque toda la expresión es falsa. Ahora intentemos esto de nuevo con un tipo de datos diferente. Digamos que uno es menos de 22 es menos de tres. Escribo uno, menos de dos, y menos de tres. Como se puede ver, nos hacemos realidad porque ambas condiciones se evalúan a verdadero. 17. Ssor: Ahora pasaremos al operador de quirófanos. El operador está formado por dos caracteres de tubería. Usando el operador OR, podemos comprobar si una de un conjunto de condiciones es verdadera. Si una de las condiciones es verdadera, entonces ni siquiera se verificará la siguiente condición porque el operador OR solo comprueba las condiciones restantes si alguna de las condiciones anteriores es falsa. En este caso, el valor de retorno sería verdadero. Si ninguna de las condiciones es verdadera, entonces el valor de retorno será falso. Entonces echemos un vistazo ahora a algunos ejemplos con todos. En primer lugar, diremos que es diez mayor que nueve o 11 mayor que diez. Por lo que decimos diez mayores que nueve. Es 11 mayor que diez. Ambas expresiones son ciertas, por lo que como se esperaba, nos hacemos realidad. Vamos a intentar esto de nuevo. Pero esta vez diremos que es diez mayor que nueve? ¿ Son nueve mayores que diez? Decimos diez mayores que nueve, o nueve mayores que diez. Como la primera expresión aquí es cierta, entonces la segunda expresión ni siquiera necesita ser verificada y todo lo evaluará a verdadero. Vamos a probar otro ejemplo que devolvería falso. Por lo que diremos es cinco mayores que seis, es 11, mayor que 12. Y como era de esperar, nos hacemos falsos. 18. Ssnot: Por último, contamos con el operador NO. El operador NOT invierte en una marcha el valor de un booleano. El operador NOT devolverá false si el valor es verdadero y verdadero si el valor es falso, el valor de retorno del operador no siempre será un brillante. El operador NOT se puede utilizar con tipos de datos no booleanos, pero estos valores se convertirán en booleanos en función de si el valor es veraz o falsey. Antes de ser negados, puede encontrar aquí una lista de los 40 valores en el sitio MPN. Empecemos con un ejemplo sencillo. Si el operador NO dirá que no es cierto, obtenemos fuerzas al valor de retorno porque estamos negando verdadero. Vamos a probar otro ejemplo. Si decimos que es 20 menos de 30, nos hacemos realidad. Pero ahora si se utiliza el operador NO, por lo que decimos no 20, menos de 30. Esta vez alrededor nos hacemos falsos porque esto ahora es falso. Mencioné anteriormente sobre los valores falsy en JavaScript. Una de ellas es una cuerda vacía. Así que ahora si usamos suficiente operador en una cadena vacía, nos hacemos realidad. Si hacemos esto con un valor no defectuoso, que es lo que llamamos un valor verdadero. Al igual que una cadena escuchó caracteres en ella dirán que no. Hola. Se puede ver que nos pongamos falsos. 19. Presentación de bucles: Ahora estamos listos para empezar a hablar de bucles. Bucles, repitamos algún código una y otra vez hasta que se cumpla una condición. Usamos un bucle cuando tenemos alguna lógica que necesitamos que suceda repetidamente. Si sales a dar un paseo y quieres llegar a 10 mil pasos repetidamente, das pasos hasta llegar a 10 mil de ellos, y luego te detienes. Este sería un ejemplo de repetir una secuencia una y otra vez hasta llegar a una condición. Es posible que haya encontrado el término para iterar sobre algo como una matriz. Esto es lo mismo que usar un bucle. Los tres tipos más comunes de bucle en JavaScript, o el bucle for, while loop y el bucle do-while. Un for-loop es útil para ejecutar algún código cuando sabemos cuántas veces queremos que se ejecute el bucle. Por ejemplo, es posible que deseemos ejecutar algún código varias veces hasta llegar a un valor específico. Si no usamos el bucle, tendríamos que escribir repetidamente el código que queremos ejecutar, y esto rompería un principio clave de código de codificación. No te repitas, a veces acortado para que se seque. Entonces volviendo a los for-loops, hay tres partes al bucle. La inicialización, la condición, y la expresión final o actualizador. Para inicializar el bucle, creamos una variable llamada I, que es práctica común. Usaremos la variable es el contador. Vamos a inicializar esta variable con un valor de 0. A continuación creamos la condición que es el punto de parada para cuando la variable debe dejar de contar. Entonces si queremos contar hasta pero no incluir diez, diríamos que yo menos de diez. Por último, para el actualizador, especificaremos cómo debe cambiar el contador cada vez que se ejecute el bucle. Entonces si queríamos contar hasta diez, podemos usar el operador de incrementos. El operador de incremento consta de dos símbolos de adición y vamos a incrementar el valor en uno. Echemos un vistazo a los bucles. Empecemos creando la caldera. Por el for-loop. Hablamos el conjunto de palabras clave para paréntesis y un conjunto de llaves rizadas. Con este bucle, digamos que queríamos imprimir los números de uno a cinco. En los paréntesis. Empezamos creando una variable llamada i. decimos ojo izquierdo. Y luego inicializamos esto con el valor de 0. Asiste al final de la inicialización. Añadimos un punto y coma. Ahora pasamos a la condición. Queremos contar hasta cinco. Entonces diremos si soy menor o igual a cinco, esto significa que el bucle se detendrá una vez que sea mayor a cinco, agregamos otro punto y coma porque estamos al final de la condición. Ahora, cada vez que corre el bucle, queremos incrementar yo por uno. Entonces diremos yo con el operador de incremento. Dentro de las llaves rizadas, queremos agregar el código que queremos ejecutar cada vez que se ejecute el bucle. Entonces haremos un console.log. Vamos a imprimir el valor de I. Guardaremos esto y le daremos una oportunidad. Como se puede ver, obtenemos todos los valores hasta cinco impresos a la consola. Hagamos otro ejemplo usando matrices. Tenemos una matriz con algunos valores y luego necesitamos iterar a través esta matriz para que podamos imprimir el valor de cada elemento en la matriz hacia fuera. Ahí es cuando hacemos lo siguiente. Vamos a crear una matriz. Lo llamaremos cartas. Agregará unas cuantas cartas. Ahora podemos hacer el calderplate para nuestro bucle for. Entonces diremos cuatro con los paréntesis y llaves rizadas. A continuación crearemos la variable para I. Queremos inicializar esto con el valor de 0. Y eso es porque queremos empezar a contar desde el primer elemento de la matriz, que está en el índice de 0. Ahora por la condición, queremos continuar este bucle hasta que todos los ítems de la matriz y que se impriman. Podemos usar la longitud de la matriz diremos que menos que letras longitud de punto. Y luego cada vez que corre el bucle, queremos incrementar i. Dentro de los tirantes rizados. Ponemos el código que queríamos ejecutar cada vez que se ejecuta el bucle. Así que sólo vamos a la consola cerrar sesión el elemento. Decimos letras, y luego pasamos en I para obtener el índice. Vamos a darle una oportunidad a esto. Ahora se puede ver que cada vez que se ejecuta el bucle, obtenemos cada elemento de la matriz. 20. Mientras vuelas: Un bucle while se ejecuta más rápido condición es verdadera y se detiene cuando ya no es cierto. Si bien los bucles son útiles cuando no sabemos cuántas veces queremos que se ejecute el código. Mientras que el bucle consiste en una condición y una declaración. El estado será una expresión booleana, algo que evalúe a verdadero o falso. Y se revisará la condición cada vez que se ejecute el bucle. El enunciado es el código que se ejecuta cada vez que la condición es verdadera. También vale la pena mencionar aquí que hay un peligro cuando se está trabajando con bucles del bucle corriendo indefinidamente. Si nunca se cumple una condición para terminar el bucle. Esto es lo que se llama bucle infinito y causará un accidente. Por lo que vale la pena asegurarte de que configuras tus condiciones correctamente. Ahora vamos a ir a crear loop while. Cuando miramos en busca de bucles, creamos un for-loop para contar hasta e incluyendo cinco. Tratemos de lograr esto de nuevo, pero esta vez usaremos el bucle while. El sintaxis es muy similar a un for-loop, excepto que esta vez se utiliza la palabra clave while. Decimos, mientras teníamos un conjunto de paréntesis y un conjunto de llaves rizadas. Empezaremos inicializando una variable para actuar como contador. Para el bucle while. Hacemos esto fuera del bucle. Variable creativa, a la que llamaremos número. Y vamos a inicializar esto con el valor 0. Para la condición dentro de los paréntesis, diremos número menor o igual a cinco. Ahora en las llaves rizadas, vamos a la consola cerrar sesión el valor del número. Si tratamos de ejecutar esto ahora, este sería un ejemplo de crear un bucle infinito. No estamos haciendo nada sobre aumentar el valor del número cada vez que se ejecuta el bucle. Por lo que el número siempre será 0, entonces nunca se cumplirá la condición. Evitemos esto y diremos número con el operador de incrementos. Guardará esto y regresará a la consola y presione refrescar. Ahora como se puede ver, obtenemos el mismo comportamiento que hicimos con un for-loop y el número se incrementa cada vez que se ejecuta el bucle. 21. Haz mientras loops: El último bucle que vamos a discutir se llama un bucle do while es muy similar a un bucle while, excepto que las declaraciones dentro del bucle siempre se ejecutarán en estos. Si la condición es falsa, el bucle seguirá ejecutándose una vez antes de que termine. El ajuste para el bucle do-while es ligeramente diferente porque el código y los tirantes rizados vienen antes de la condición. Y esto es lo que permite que el bucle se ejecute una vez antes de que se cumplan las condiciones. Ahora vamos a ir a crear un bucle do-while. Empezamos esto con la palabra clave Duke. Teníamos un conjunto de categorías. Después de esto, agregamos la palabra clave while y un conjunto de paréntesis. También declararemos una variable que llamaremos I. Inicializaremos esto con el valor 0. Por la condición. Digamos que soy menor o igual a cinco. Ahora en los tirantes rizados se imprimirá el valor de yo, también incrementará i. vamos a salvar esto y darle una oportunidad. Camino de regreso a la consola y presiona Refresh. Ahora como se puede ver cuando se ejecuta, obtenemos Impreso hasta el valor de cinco. Vamos a intentar esto de nuevo. Pero esta vez empezaremos con que me inicialicen al valor seis. Esto significa que nunca se cumplirá la condición. Pero intentemos esto de nuevo. Entonces volveré a la consola y presionaré refresh, como pueden ver, porque estamos usando el bucle do-while y por lo tanto el código se ejecuta al menos una vez. Seguimos obteniendo el valor de que imprimimos, pero sólo una vez. Y luego termina el bucle.