Guía de Javascript para principiantes [2024]

1. Introducción: Bienvenido al curso certificado JavaScript. En este curso, comenzaremos con el nivel básico. Aprenderás el lenguaje de programación, JavaScript, que hacen que las páginas web vivas y vamos a ir en su mayoría poco práctico. No me voy a bucear en teoría de JavaScript porque se puede leer eso en cualquier lugar. Empezaremos directamente, instalaremos nuestro entorno e instalaremos las extensiones requeridas y comenzaremos a programar con Java Script. Mi nombre es bastante nuevo y te voy a enseñar Java Script y cómo se desarrolla con él. He impartido a miles de alumnos en cursos offline y online. Entonces para eso, empecemos con el JavaScript. Empezaré con una presentación muy sencilla que explicaré qué es JavaScript. Y veremos ejemplo del mundo real, cómo JavaScript está haciendo vivos los sitios web. lo que este curso se crea para ser desarrollador certificado. lo que al finalizar este curso, tendrás el nivel básico como desarrollador certificado para estar empezando en un junior en cualquier empresa. Entonces si ya conoces HTML y CSS, estás listo para empezar con JavaScript. Entonces como veremos aquí que vamos a aprender un JavaScript que hace vivas las páginas web. Entonces, en otras palabras, JavaScript es un lenguaje de programación y puedes escribir programas con este lenguaje. Pero esos programas llamados como scripts, no se llaman como programas como sabemos, como en Java o en C Sharp o en cualquier otro lenguaje de programación, estamos escribiendo aquí scripts. Entonces hay que aprender esta palabra. Entonces cuando te digo, vale, Correcto Para mí un guión, significa que puedes escribir algún pequeño programa con JavaScript. Y también este programa que se pueden escribir directamente en las páginas web HTML y ejecutar automáticamente al cargar la página. Entonces cuando abras cualquier página web, verás como algunos de ustedes frente a ti, que es HTML y CSS. Y verás algún movimiento o animación o por ejemplo, registro para un registro de formulario para buscar en. Por lo que esto significa que estos JavaScript está manejando todas estas operaciones las cuales se pueden hacer e interactuar con la página entre el usuario y el servidor. Entonces de esa manera, no necesitas una preparación especial para la compilación para ejecutar la aplicación o para ejecutar una aplicación JavaScript. Entonces para eso, veamos algunos ejemplos en vivo. He preparado algunos ejemplos en vivo. Por ejemplo, éste. Entonces aquí tenemos alguna biblioteca que se llama empalme. Esta es una biblioteca JavaScript que está haciendo como una diapositivas. Entonces de esa manera, como ven aquí, si solo tengo HTML y CSS y doy clic alrededor, haga clic en estas flechas, no tendré ninguna interacción. Pero cuando agrego código JavaScript a estas páginas o estos elementos en el HTML y CSS. Tengo esta animación, así que tengo un slider donde puedo mostrar alguna información a los usuarios, como cualquier sitio web. Entonces este es uno de los ejemplos de JavaScript. Y también, si ven aquí que podemos construir galerías de imágenes. Por lo que cuando el usuario viene y haga clic en algún lugar, puede ver una imagen o una imagen más grande de lo que hizo clic. Por lo que el usuario está interactuando con la página, y esto es interacción proviene del JavaScript. Por lo que JavaScript es literalmente responsable de la interacción entre el usuario y la página. Además, cuando quiero publicar un formulario dirección de contraseña de correo electrónico y toda esta interacción, quería este libro, poner estos datos y dar click, iniciar sesión en este dando click ¿qué va a pasar? Voy a enviar mis datos al servidor y esos datos se almacenarán en algún lugar. Por lo que no puedo perderme en este, por ejemplo, foro o en esta tienda. Por lo que en ese caso, toda esta interacción del usuario, que va a suceder en la página web, es gestionada por JavaScript. Simplemente, esto es JavaScript, así que no tienes que llenar tu cerebro con muchas ideas y muchas introducciones. Tomemos esta introducción como una base para nuestro curso y seguiremos paso a paso para aprender a hacer que los programas interactúen con el HTML y CSS de las páginas web. 2. JavaScript es para todo lo que se encuentre en los días: El script Java hoy en día no sólo se utiliza para desarrollar un sitio web o hacer interacción con el usuario y las páginas web. Saber, se usa mayormente para todo. Yo digo eso literalmente como todo. Porque por ejemplo, se puede construir una aplicación de servidor y también aplicación móvil, como veremos más adelante. Pero lo que está haciendo de este lenguaje es muy único hoy en día. Cuenta con integración completa con HTML y CSS. Entonces no tienes que importarte como, Vale, necesito instalar algunos extras para integrarte con HTML y CSS. No, JavaScript funciona directamente con HTML, CSS con muchas funciones y muchos comentarios que puedes cambiar en la estructura del HTML y CSS. Además, las cosas simples se hacen simplemente lo que esto significa. Esto significa que JavaScript tiene algunos métodos ya definidos donde te facilita la vida para que puedas crear Armatrices, crear objetos. Por supuesto, no sabes de lo que estoy hablando, pero toda esta información está cubierta en ese idioma. Por lo que hace que tu vida sea fácil crear cosas sencillas con ese lenguaje sencillo. Y la parte más importante que todos los navegadores como FileZilla, Google Chrome, y también Internet Explorer o Microsoft Edge. Todos ellos coinciden juntos en adaptar este lenguaje para que se ejecute en las páginas web. Por lo que todos los navegadores están apoyando o están soportando este lenguaje, y están habilitando JavaScript por defecto. Entonces de esa manera, JavaScript es la única tecnología de navegador que combina estas tres cosas. Entonces para eso, JavaScript también, permite crear servidores, para crear aplicación móvil y aplicación web. Entonces, por ejemplo, hay algunos frameworks los cuales están escritos o soportan lenguaje JavaScript para hacer algunos objetivos diferentes. Por ejemplo, puedo crear una aplicación de servidor donde me comunico a la base de datos y agarrar datos de la base de datos y enviarlos al front-end o a la página web donde el usuario pueda ver esos datos. Entonces para eso, normalmente estábamos haciendo usando algunos, otros lenguajes de servidor como PHP o dotnet, u otros lenguajes de programación que son realmente especializados para el servidor. Pero ahora con JavaScript, puedes escribir la sintaxis de JavaScript y crear una aplicación de servidor, lo cual es genial. Y también, incluso puedes crear aplicaciones móviles usando JavaScript. Por lo que la aplicación móvil funciona en Apple y también en Android. Entonces de esa manera, cuando escribas también JavaScript, tendrás aplicación trabajando en iOS y también en teléfono Android. Y la tecnología o el marco que se construye sobre JavaScript para hacer eso se llama React Native. Y también puedes crear aplicaciones web de una sola página. Por ejemplo, mejor tener una instalación para como podemos decir aplicación, hay que instalarla en cada PC. Se puede crear algo llamado aplicación web y esta aplicación web que todos los clientes o todos los usuarios de esa aplicación, y pueden abrirlo a través del navegador y luego trabajar con ella. Esto se llama una aplicación web y un marco famoso para eso se llama angular. Entonces como ves, todo esto está escrito o puedes escribir con JavaScript para obtener un objetivo específico. Por lo que ves JavaScript es ahora todo está haciendo todo por ti hoy en día. Aplicación de servidor usando Node.JS, aplicación móvil usando React Native, y también aplicaciones web que usan Angular o React. Y por supuesto, no mencioné todos los frameworks aquí. Mencioné el más o el más bombo. Podemos decir frameworks para hacer eso con JavaScript. Pero por supuesto, hay cada vez más marcos. Puedes hacerlas y usarlas. Por lo que para pasar al siguiente paso con Java Script, puedes, después de estos cursos de como el nivel básico, nivel avanzado, puedes moverlos a un servidor y luego puedes hacer o elegir algún marco de aplicación web o aplicación móvil. Entonces de esa manera, serás un desarrollador de pila completa con un lenguaje de programación llamado JavaScript. 3. Configuración de el entorno: Escribir un código o un lenguaje de programación, necesitas un editor para ello. Por supuesto, puedes usar un editor más simple que tienes en tu sistema operativo, como un bloc de notas o por ejemplo, incluso ward, o incluso cualquier editor que tengas en tu, instalado en tu sistema operativo. Pero para el año 4, JavaScript, hay algunos editores que te hacen la vida fácil. Por lo que puedes tener algunas características que pueden acelerar tu codificación y productividad. Hasta el momento que puedo empezar con el editor más simple que vas a usar. Por ejemplo, hay Notepad Plus, Plus. Este Bloc de notas Plus es un editor muy sencillo el cual te ayudó con resaltar como algunas palabras clave y también abrir y cerrar los rangos de funciones y métodos como veremos más adelante. Y te ayuda también a abrir múltiples archivos al mismo tiempo en una ventana. Por supuesto, Notepad Plus, Plus trabajando en Windows, hay otros editores para Mac. Podemos usarlos también. Otro editor que está haciendo tu vida aún mejor y más fácil es Visual Studio Code. Visual Studio Code es un editor construido por Microsoft, y lo están utilizando para construir o escribir múltiples lenguajes de programación en ese editor. Por lo que soporta no solo JavaScript o HTML o CSS, sino que incluso soporte de TI Python, es soporte oscuro, soporte de TI flutter es el soporte. Muchos lenguajes basados en las extensiones que instalas en ese editor también. Hay varios otros editores. Por ejemplo, como átomo. Atom también es muy buena herramienta para editar o editar texto o incluso escribir un código en algún lenguaje de programación. También hay un sublime. Esta también es una herramienta o editor que puede organizar tu archivo en algún común. Te ayudará a crear los archivos y programas. Y también contiene todo el resaltado y la coloración de tus fragmentos de código. Para este curso, vamos a instalar Visual Studio Code. Voy a poner todos los enlaces de todos estos editores con estas conferencias y puedes instalar lo que quieras. Pero para este curso, vamos a usar Visual Studio Code porque tiene múltiples características donde podemos instalar extensiones extra. Haremos como nuestra codificación de productividad mejor, más. Entonces cuando quieras instalar, solo tienes que hacer clic en descargar código de Visual Studio y se descargará algún archivo zip. Y este archivo zip, puedes abrirlo. Por supuesto en Mac, será un solo archivo el cual está concluyendo la propia aplicación. Y en Windows, tendrás también la instalación para Windows y también para Linux. Por lo que para Windows, tendrá un archivo EXE. Y este archivo EXE puedes ejecutar el proceso de instalación como cualquier programa y lo estarás, o se instalará en tu máquina. Por lo que después de la instalación de Visual Studio Code, vamos a tener esta ventana. Entonces este es Visual Studio Code. Tengo proyectos anteriores, los tengo aquí en reciente, y también tengo alguna apertura para un archivo o abriendo una carpeta en sí. Veremos más adelante cómo crearíamos la estructura de carpetas para un proyecto JavaScript. Entonces vamos a tener como la codificación en ese editor. Entonces por ahora, si obtienes esta ventana, estás listo entonces para empezar a desarrollar con JavaScript. 4. Tu primer proyecto JavaScript: De acuerdo, Hagamos directamente algún trabajo práctico. Voy a abrir una carpeta. Entonces si ya tienes experiencia con código de Visual Studio, porque supongo que aprendiste HTML y CSS. Entonces estoy seguro de que usaste antes de un editor que se llama Visual Studio Code. Pero si no lo usas, hablé de ello previamente y ahora tenemos esta ventana, voy a dar click en abrir. Por lo que abriré no su archivo sino una carpeta. Por lo que esta carpeta me sostendrá la estructura del proyecto de JavaScript. Por lo que voy a dar clic en Abrir y voy a ir a mi escritorio. Aquí he creado una carpeta la cual se llama curso JavaScript. Y en esta carpeta, vamos a colocar nuestro proyecto JavaScript o archivos JavaScript. Por lo que hago click en Abrir y abrir para mí una ventana. Entonces aquí tienes alguna notificación sobre ¿ confías en los autores de estos archivos dentro de esta carpeta? Sólo tienes que decir, sí, confío. Entonces ahora tenemos carpeta vacía, pero ahora somos capaces de crear archivos en, dentro de esa carpeta. Cómo podemos crear un archivo. Por lo que puedes hacer clic ya sea en este ícono o puedes decir directamente un nuevo archivo aquí. Pero por ejemplo, prefiero que cierres esto empieza y trabajar siempre con este explorador de archivos. Esto se llama Explorador de archivos aquí. Por lo que siempre puedes trabajar con tus archivos de proyecto directamente en el editor. Entonces para eso, voy a crear un archivo. Voy a llamar a este archivo index dot HTML. Es archivo HTML. Nos sostendrá el código HTML para nuestra página web porque como les dije, tenemos una página web Está contiene HTML y CSS, y vamos a controlar esta página y hacerla viva usando JavaScript. Entonces, en primer lugar, necesitamos tener un archivo HTML. ¿ De acuerdo? Este archivo HTML está vacío. No se puede crear una base de código HTML ni el repetidor del HTML escribiendo en HTML o en el editor HTML colon cinco. Entonces cuando pongas eso, entonces generará para ti toda la estructura de boilerplate para una página HTML en el editor. Esta es una de las características agradables que se construye dentro de Visual Studio Code. Para eso, estoy seguro que ya sabes de esta cita, de este HTML, porque HTML es otro lenguaje está construido para construir el look y sentir nuestra la UI de la página web o la interfaz de usuario de la página web. Entonces veamos cómo se ve esta página en el navegador. Entonces antes que nada, voy a hacer clic derecho en este archivo y diré relevo o Revelar en Finder esto, lo encontrarás en sistema Mac o sistema iOS, pero en Windows, dirás Revelar en explotador. Entonces cuando haga clic en este Revelar en Finder, tendré, o se abrirá para mí el buscador normal o la ventana donde se encuentra el archivo. Por lo que hacemos doble clic, basta con hacer doble clic en este archivo y se abrirá con Chrome. Pero si no funciona, entonces puede seleccionar Abrir con y con abrir con, puede seleccionar la aplicación que abrirá este archivo normalmente es un Google Chrome. Por lo que necesitas para eso un navegador Google Chrome, que también puedes instalar desde un navegador. Entonces cualquier navegador, para que no puedas tener eso directamente y puedes trabajar con JavaScript. Te aconsejo que utilices Google Chrome porque cuenta con una gran herramienta de desarrollador. Entonces vamos a depurar y compilar o leer o ver los errores de JavaScript cuando cometamos un error dentro de las Herramientas de Desarrollador de Google Chrome, hablaré de todo esto más adelante. Entonces primero abro la página. Entonces como ven aquí, ahora lo tenemos abierto, pero está vacío. Entonces pongamos algo en el cuerpo. Por lo que aquí voy a decir como H1. Y dentro de éste pondré página JavaScript. Entonces podemos decir aquí como página JavaScript y vuelvo a mi documento, voy a refrescar, y luego tendré aquí página JavaScript. Entonces aquí estoy refrescante. Te voy a mostrar, aquí me refresco. Por lo que tengo página JavaScript. Y por usar las herramientas de desarrollador que te dije, puedes hacer click en esos tres puntos y luego tendrás algo más herramientas. Y con esto más herramientas, verás algo llamado Herramientas de Desarrollador. Tienes otra forma de abrir las herramientas de desarrollador puedes presionar F2 en tu teclado o también puedes, hacer clic derecho en esta página o este texto y derecho o haz clic en Inspeccionar. Por lo que cuando haga clic en Inspeccionar, tendrá aquí las herramientas de desarrollador. Por lo que las herramientas de desarrollador en realidad es un inesperado cómo tenemos el código de nuestro HTML y estoy seguro que lo sabes previamente. Por lo que ahora vamos a trabajar con la fuente y también con la consola. La consola aquí va a dar salida para nosotros los resultados de JavaScript dentro de esta consola. Por lo que en el DevTools verás algo que se llama consola. Y esta consola, te va a sostener toda la información que se sale de JavaScript. Entonces cuando quieres imprimir algo o quieres interactuar con algo como por ejemplo, cuando quiero dar click en este texto, quiero ver algún texto aquí o salida. Es como una herramienta de depuración. Por lo que aquí depuras tu código y ves cuál es la salida del código JavaScript, como veremos más adelante. Entonces para eso al principio, abrimos algo como esto, y luego regresamos a nuestro código de Visual Studio. Y dentro de la etiqueta de cabeza, vamos a añadir el guión. El guión, como les dije, es un programa de JavaScript. Como les dije, a todos los programas que se escriben con JavaScript, se les llama guión. Para eso, tenemos que abrir una nueva etiqueta, que se llama guión. Y dentro de este DAG, podemos localizar un código JavaScript. Uno de los códigos JavaScript, que es muy famoso, se llama console dot log. Entonces de esa manera, la consola, me buscará algunos datos o algún texto dentro de la consola, que se encuentra en las DevTools como te mostré antes. Entonces aquí, cuando escriba algo en el registro de la consola y actualice mi página, te veremos el resultado de eso o ejecución del código JavaScript que se escribe dentro de este script. Entonces aquí tendré un console.log y luego pondré, por ejemplo, proyecto JavaScript. Y entonces vamos a ahorrar. Y luego iremos de nuevo a nuestras DevTools y actualizaremos la página. Y veremos proyecto JavaScript y nos está mostrando de dónde viene este registro de consola, de qué línea en qué archivo. Entonces ya ves que viene de index.html en línea nueve, y la salida es proyecto JavaScript. Entonces aquí estamos. Como les dije, tenemos código HTML, que está dentro del cuerpo. Y también tenemos un guiones. El script es un JavaScript o la vida de la página que va a interactuar con este HTML para hacer algunas cosas únicas que están interactuando con el HTML usando este pequeño programa que se llama script. En el lenguaje JavaScript, log de consola se utiliza para depurar nuestra aplicación para ver dónde estamos teniendo errores, donde estamos teniendo errores, como veremos más adelante. Y vamos a desarrollarnos paso a paso. 5. Crea un archivo de JavaScript separado: Siempre es agradable cuando tenemos un código JavaScript separado de nuestra aplicación o de la página HTML. Entonces para eso, también podemos cortar todo este código y ponerlo en el archivo separado. Entonces para eso puedes crear otro archivo que se llama, por ejemplo, también index.js, que es hold el JavaScript, tiene extensión dot js. Por lo que NodeJS significa que este es un archivo JavaScript. Por lo que el editor ya sabe que dentro de este archivo habrá un código JavaScript. Por lo que para eso presionaré Enter. Después de crear este archivo, voy a mover este script o esta línea de código que escribí con JavaScript a este archivo. Entonces después de guardar eso y guardar esta, vamos a recargar nuestra página y recargar la aplicación. Entonces cuando actualice, voy a ver que no tengo nada en el registro de la consola. Entonces de esa manera, necesito conectar de alguna manera esta página HTML con ese archivo JavaScript. Entonces para eso, puedes eliminar este script. Y luego puedes volver a escribir script. Y con este editor se puede ver como un colon, SRC, como una fuente. Entonces, al presionar Enter, tendrás también como algún atributo que se llama fuente, como ¿dónde está el archivo fuente para este script? Simplemente, solo dices que index dot js es el archivo donde estoy teniendo mi JavaScript. Entonces vamos a guardar y volver a la página y refrescar. Veremos proyecto JavaScript. Parece que el archivo index.js en la línea 1 tiene un código JavaScript. Entonces index.js es nuestro código JavaScript para esta página. Por supuesto que puedes poner también dentro de carpeta. Entonces aquí cuando creo una carpeta, por ejemplo, llamo a esta carpeta como un JS, y muevo index.js dentro de esa carpeta. Entonces ahora JS es una carpeta contiene index.js y en la raíz tengo index.html. Entonces después de eso, veremos que la página no puede ver esa página. Entonces podemos tener error aquí. Por lo que dice que get file index.js error, el archivo no encontrado. Entonces porque dije aquí rezando por mí, que está en el mismo nivel de index.html, hay un archivo llamado index.js, pero en realidad no está en el mismo nivel de index.html está en un nivel de una carpeta dentro de js, y luego tengo index.js. Entonces de esa manera puedo agregar esa carpeta. Por lo que la carpeta es un mismo nivel de index.html en esa ruta. Entonces tenemos aquí js y luego slash y luego index.js. Entonces de esa manera, el archivo o el archivo HTML sabrán que hay un archivo JavaScript dentro de la carpeta JS. Entonces digamos de nuevo, ve de nuevo a nuestro navegador, actualiza la página. Agradable. Tenemos ese expediente. Y al hacer clic en este index.js, verás que el archivo se encuentra en el archivo js o en la carpeta JS, y luego tendrás index.html. Vamos a trabajar con todo este entorno más adelante. Ahora sólo nos preocupamos por la consola. El modo práctico de archivar o definir la estructura de archivos en javascript es normalmente, o lo que los desarrolladores están haciendo normalmente es como si tuviéramos una carpeta que se llama activos. Por lo que en este activo puedes agregar tus imágenes o scripts o archivos CSS. Entonces dentro de estos outsets, voy a poner la carpeta JS y entonces también puedes tener otra carpeta que se llama CSS. Y dentro del CSS, puedes poner tus estilos. Entonces para eso, el index.js estará dentro de la carpeta JS, que se encuentra dentro de los activos. Entonces de esa manera, tuve que agregar aquí otro nivel que se llama activos, que es la carpeta que está sobre los js. Entonces si notas que Visual Studio Code también te da una característica cuando escribes una carpeta y pones slash, es navegar o continuar automáticamente. ¿ Cuál es la siguiente carpeta? Entonces la siguiente carpeta para mí es js. Entonces cuando pongo ds y presiono Enter, se agrega automáticamente. Y luego me da la siguiente edición, que es el archivo dentro de la carpeta JS. El archivo es index.js. Sólo tenemos este expediente. Presionaré enter y se añadirá en mi proyecto o en mi página HTML. Entonces para eso, tenemos una carpeta, activos y index.html. Entonces cuando volvamos al navegador, actualicemos y veremos que el proyecto JavaScript está en la consola y nuestra página está funcionando bien. Entonces de esa manera, estamos listos para escribir un código JavaScript y también podemos crear múltiples archivos, como veremos más adelante de JavaScript. 6. Nombres archivos de JavaScript: En esta conferencia, vamos a ver cómo podemos nombrar los archivos de JavaScript. Existen muchas convenciones de nomenclatura y muchas reglas de nomenclatura donde eso podemos seguir para nombrar nuestros archivos JavaScript. Especialmente en el caso de que el archivo conste de dos palabras, como por ejemplo, diré indexar JavaScript o indexar algo. Te voy a mostrar una diapositiva. Dónde están las convenciones de nomenclatura, que son los desarrolladores acordados juntos seguir para nombrar archivos JavaScript. Existen múltiples convenciones de nomenclatura. En primer lugar se llama CamelCase. Camelcase, como ven que tenemos la primera letra de la primera palabra está en la letra pequeña, y luego tiene entonces la letra mayúscula de la segunda palabra. Entonces como ven aquí, dos palabras, y la segunda tiene una letra mayúscula. A esto se le llama CamelCase. Existe otra convención de nomenclatura que se llama caso Pascal, donde la primera letra de cada palabra es mayúscula. Y eso también es un caso K-Pop. La mirada k-pop se separa entre las palabras con guión y todas las palabras están escritas en letras pequeñas. También hay caso de serpiente, que está combinando todos aquellos juntos, pero con subrayado separación entre las palabras. Entonces aquí tenemos un caso de serpiente Pascal. Entonces como ves, letra mayúscula de cada palabra, pero están separados con guión bajo. Y también hay aquí que por ejemplo, Kip up caso serpiente. Por lo que esto renunció a la mirada de serpiente. Tiene en lugar de guión, tenemos aquí subrayado. Entonces de esa manera, puedes nombrar tus archivos en eso o en esas convenciones de nomenclatura. Para mí, prefiero en proyectos simples de JavaScript usar la mirada K-Pop para nombrar los archivos. Entonces como has visto aquí, cuando vas a nuestro Visual Studio Code y creamos un como archivo, utilizo Siempre letras pequeñas y separo entre las palabras con guión. 7. Estructura de código: El primer enunciado de JavaScript, que vimos es console.log. Y esta declaración puedes escribir todo lo que quieras de esas declaraciones en tu código. Entonces por ejemplo, voy a tener aquí proyecto JavaScript de registro de consola. Tienes proyecto ascii. Puedo tener esos comentarios tanto o como quiera. Esa declaración. Se pueden separar por punto y coma como se ve aquí. Entonces de esa manera, tendré este registro de consola 3 veces cuando actualice mi página como ven aquí. Pero ahora se puede, así como un, como estructura de código, se puede poner esas declaraciones cerca uno del otro en la misma línea, pero siempre se debe tener un punto y coma. De lo contrario, si está en la misma línea, obtendrás un error. Porque esto pensará que console.log tiene un resto de sus comentarios, arresto de código, algo así como JavaScript no puede reconocer. Por lo que no podemos decir que la nueva línea en JavaScript sea igual a punto y coma porque este código, como ves aquí, funcionará bien sin ningún problema. Pero cuando quite el punto y coma, entonces obtendré error. Entonces cuando los ponga todos en la línea diferente, entonces no tendré ningún problema también, así sucesivamente que las declaraciones normalmente en JavaScript, separamos por línea. Y siempre estaría bien tener como el punto y coma en nuestro código, como digo, que esta declaración terminó. Entonces ahora ¿y si hago esto? Entonces voy a tener una nueva línea aquí y luego guardar mi código y refrescar. Veremos que ese código sigue funcionando. Esto se debe a que también eso significa que también la nueva línea no significa que esté terminando de enunciado. Entonces es por eso que JavaScript a veces considera que esto es una declaración o una de un bloque. Entonces por eso te dije que siempre es bueno usar el punto y coma para terminar con la declaración. Y podemos tener el código más legible cuando vamos a construir múltiples bloques de código, sabremos cuál es el significado de esto. En ocasiones tendremos muchos operadores dentro de alguna función. A esto lo llamo función por cierto. Por lo que esta función va a tener múltiples parámetros. Este es un parámetro por cierto. Entonces de esa manera, voy a tener múltiples parámetros y quiero poner esos parámetros en múltiples líneas. Esto lo veremos en el futuro cuando hagamos algunos avances en el curso. Pero por ahora, vamos a entenderlo así. cada comentario, lo voy a poner en una nueva línea. Entonces de esta manera, tendré una nueva línea para cada comentario. No importa cómo el punto y coma tenga espacios vacíos entre el comando y el punto y coma en sí. Además, no importa cuántas líneas haya entre los comentarios. Además, no hay manera o No hay problema cuántas pestañas o espacios tiene una iteración o ha movido el texto o la declaración lejos de la declaración anterior. Todo esto seguirá funcionando siempre y cuando no estemos haciendo errores de sintaxis. Hay algunas herramientas que están haciendo el formateo de JavaScript para mí. Entonces por ejemplo, si tengo múltiples espacios aquí, cuando guarde el archivo y eliminará esos espacios y también eliminará esas pestañas en función de las necesidades o de la sintaxis de JavaScript. Eso veremos en la próxima conferencia. 8. Agrega extensiones para acelerar la productividad de programación: Como les dije, instalamos Visual Studio Code porque somos capaces de instalar algunas extensiones o plugins que mejoran nuestra productividad. Para instalar extensiones con código de Visual Studio, solo tienes que hacer clic en este ícono aquí. Después, cuando estés conectado a Internet, obtendrás una lista de extensiones sugeridas. Entonces las extensiones que necesitamos para nuestro curso es nuestro R2. Por lo que primero se llama más bonita. Por lo que esta placa de aquí va a formatear para nosotros el código basado en alguna configuración que estamos haciendo. Entonces si recuerdas, te dije si pongo aquí múltiples puntos y comento múltiples pestañas, formateará el código cuando presione Guardar, y luego lo hará más hermoso y más alineado en base a la sintaxis de JavaScript. Entonces para eso, vamos a instalar este más bonito. Por lo que este más bonito, se llama código más bonito para la materia. Y luego haces clic en Instalar, y luego esto se va a instalar en tu máquina. Hay algunas instrucciones yendo con más guapa. Entonces para eso necesitamos también hacer todas esas configuraciones para hacer nuestro código formateado de la manera correcta. Entonces cerremos esta ventana y volvamos a nuestro archivo. Como ves año hicimos algunos cambios y necesito que se formateen en base a plugin más bonito. Entonces cuando vamos aquí a la lista de archivos que está cerca, todo cerró la extensión. Voy a formatear este documento. Existen múltiples formas de formatear ese documento que es formato en Guardar, Me gusta por ejemplo, cuando presione en su menú, voy a ver aquí en la lista de archivos tengo Guardar como o cuando guarde un archivo en general, entonces lo tendré formateado como cuando presiono Control S. También hay formato manual, como cuando no tienes que guardar o formatear en Guardar, entonces necesitas configurarlo en Visual Studio Code, como te mostraré más adelante. Entonces, en primer lugar, si quieres formatear este documento, necesitas presionar control shift y ser como desde imprimir. Por lo que de esta manera obtendrás esta ventana de comandos. Esta ventana de comandos tiene múltiples comandos que puedes ejecutar. Una de ellas es Formato documento. Cuando no lo encuentres, sólo tienes que escribirlo y encontrarás el documento de formato. Cuando presionas este documento Formato, entonces te daría la capacidad de formatear ese documento usando la extensión predeterminada. El alargamiento que hemos instalado es más bonito. Tan bonito va a formatear para mí este documento basado en lo que hemos configurado en nuestro código de Visual Studio. Entonces cuando hago clic en Formato documento, como ves, está formateado en base a la sintaxis de JavaScript. También, eso es capacidad de formatear en Guardar. Entonces cuando presionas el control S, como cuando guardas el archivo, entonces se formateará automáticamente usando el más bonito. Si no puedes hacer un formateo en Control S o guardar, entonces solo tienes que ir a, ve a la Configuración. Y luego en la configuración aquí, tienes que seleccionar o buscar algo llamado formato en Guardar. Por lo que debes estar seguro de que esta casilla de verificación está habilitada. De lo contrario, su archivo no tendrá formato cuando lo guarde. Entonces para eso, instalamos grittier y también estamos habilitando el guardar en o formato en Guardar el comando o el comando de configuración en código de Visual Studio. Por lo que de esa manera, podré formatear automáticamente mi archivo cuando haya llegado código. Y también como algún lío en el impuesto de la ciencia, como no errores, es diferente. Entonces cuando tengas masa en la sintaxis, pero no tienes ningún error en el JavaScript, entonces no hay problema, se formateará. Pero cuando se tiene un error o si por ejemplo, no voy a regodearme este. Entonces cuando tengo aquí un formato, luego un error de formato, entonces voy a guardar. Y como ves, está guardado, pero sigue teniendo error y el archivo no está formateado. Entonces para eso, cuando quieras el formato frito del código, debes tener toda la sintaxis y no hay errores en tu código. Entonces por ahora esta es la única extensión que necesitamos para nuestra codificación en los próximos niveles. Entonces después de eso, vamos a pasar a un flujo de programación y vamos a ver cómo podemos atrapar errores en el JavaScript y vemos cuáles son los errores que tenemos que leer. Cuál es el error para analizarlo o Google, o encontrar una solución para el error. 9. Detección de errores: Hay dos formas de captar el error de sintaxis en JavaScript. Error de sintaxis, quiero decir, cuando hago un error, como cuando hay algún error en una función, o si me faltan algunos corchetes, o si me faltan algunos puntos. Como veremos más adelante. Esto se llama error de sintaxis. Y el error de sintaxis se puede mostrar en el código de Visual Studio directamente o en la consola de Chrome DevTools. Entonces hagamos un error, por ejemplo, quitando uno de esos paréntesis. Entonces voy a quitar este. De acuerdo, obtuve un error que es vivo y proporcionado por VS Code y está diciendo que se espera un paréntesis. Por lo que significa que esperaba que algunos como otro, el cierre de éste se cerrara aquí antes del punto y coma. Entonces esto está vivo, por ejemplo, codificación en vivo, pero no se pueden detectar algunos errores. Entonces cómo podemos detectarlos, por ejemplo, voy a cometer un error aquí. Entonces digo consola dot L en lugar de log. Como ves ese código de Visual Studio, no se quejaron totalmente. Pero donde puedo ver el error entonces cuando vuelvas a ejecutar la aplicación o la página web, de nuevo, verás que tienes el error en la consola. Entonces cuando manipule la página, voy a ver que la consola dot L no es una función. Esto significa que la consola dot L o este L no es un comando, no lo es , una declaración, no es una función que se pueda llamar donde porque es no existe en JavaScript. Entonces de esta manera, cuando lo vuelvo a poner y refresco, entonces el error se ha ido. Veamos más detalles. Entonces cuando vuelva a poner el error y actualice, veremos que la consola L no está definida en ella, no una función. Y te muestra dónde está exactamente este error. Entonces está en la línea tres de mi código. Entonces aquí tengo una línea tres y está aquí. Por lo que cuando quieras ver más detalles, puedes dar click en él. Y te mostrará en el DevTools exactamente el mismo código que está escrito aquí en el archivo, y también el error en sí. Entonces el error te está mostrando que aquí está error, error que consola dot L. ¿Existe en JavaScript? Entonces por eso estoy detectando ese error. Como principiantes, bastamos con conocer la forma de detectar esos errores. Veremos en el futuro, como error de tiempo de ejecución o errores de compilación, que vienen en niveles más avanzados. Por lo que por ahora, detectamos errores de JavaScript de esa manera, en la consola o en Visual Studio Code. 10. Sensitivity de los casos: De acuerdo, porque estábamos hablando de errores en JavaScript, Vamos también a tener otro tipo de error. Separé una conferencia para que eso estuviera más enfocado. Por lo que la mayoría de los desarrolladores, tienen errores o errores tipográficos cuando están escribiendo un código que está definido o predefinido por JavaScript. Entonces, por ejemplo, esta consola ya está definida. A algunas personas les gusta como sensible entre mayúsculas y minúsculas, están tratando de hacer, por ejemplo, esta, como la Consola SI está en letra mayúscula. Entonces cuando guardes este archivo, por supuesto VS Code, no se quejaron y ejecutas este código o refrescas la página, obtendrás un error. Este error dice que la consola no está definida, por lo que hay una diferencia entre mayúsculas y minúsculas en JavaScript. Por lo que Consola con mayúscula no existe en JavaScript. Sólo existe como una letra pequeña. Aquí lo mismo. Si digo log o log in mayúscula, y guardo, entonces voy a ver que logo no es una función, no existe. Entonces de esa manera, sabemos que JavaScript es un lenguaje sensible a mayúsculas y minúsculas. Entonces, cuando defines una función o tienes una función de alguna manera específica? No se puede cambiar en ello. Tienes que seguir exactamente los mismos comentarios Soy fiscal en como letra mayúscula o letras pequeñas del archivo para poder ejecutar tu proyecto o ejecutar tu página web en base al comentario de Javascript. 11. Cómo hacer comentarios y notas: En la programación en general, siempre es mostrar a los demás desarrolladores, mi código, cómo se ve, así que necesito explicárselo. También hay una forma de que puedas explicar algunas funciones en tu código o algunas líneas de código a las otras colocando comentarios. Entonces, por ejemplo, vamos a tener algunos registros de consola aquí con diferentes declaraciones. Entonces diré aquí que por ejemplo, definiré log, el login, como aquí el login o el usuario logueó exitosamente. Entonces, y aquí diré login, el error de inicio de sesión. Por lo que el usuario no pudo tener un error de inicio de sesión. Y aquí registra el error de registro. Entonces en ese caso, diré que por ejemplo, estoy asumiendo que estoy haciendo estas funciones reales. Pero ahora somos suficientes con el registro de la consola. Entonces ahora quiero mostrarles a los otros desarrolladores que esto es registrando el candado, lock-in. Esto es iniciar sesión el error. Esto es registrar el error de registro. Entonces cómo puedo explicar en algún lugar del código que esto es explicación de mis próximos comentarios o siguiente declaración. Entonces por eso se nos ocurren los comentarios. Los comentarios en el código son la parte del código que no son ejecutables, como cuando usted su sintaxis de programa o la que esa secuencia de programa va, entonces va a esos comentarios, pero a sus comentarios, no el los comentarios están vacíos para ello. Por lo que el compilador no lee ningún comentario, no se queja de los errores en el comentario ni de todo. Entonces de esa manera, puedes definir un comentario de alguna manera por barra inclinada. Entonces tengo un comentario aquí y voy a decir, Hey, aquí está log, el login. También, digo aquí, aquí, por ejemplo, la mirada en error. Por lo que también puedo copiar pegar el comentario. Y también digo aquí el año, el error de registro. Entonces en ese caso, tendremos esos comentarios para los desarrolladores para que sepan lo que está haciendo una siguiente línea. Por lo que estoy explicando a los otros desarrolladores, explicando a mi equipo. Entonces cuando te refresques, ¿no verás o no ves todos esos comentarios porque no se ejecutan? Entonces por ejemplo, si voy aquí y pongo slash slash, entonces esto se puso verde. No puedo verlo en la consola entonces, porque JavaScript, lo consideraremos como un comentario y no lo leerá como un comentario. Entonces cuando guardemos y vayamos de nuevo, veremos que se ejecutó el primero a registro de consola, pero el tercero, no, porque no se ejecuta, porque es un comentario. Esa es también otra forma de comentar múltiples líneas de código. Por lo que puedes poner aquí barra y luego asterisco. Y luego verás ese agujero llamado GOT verde o no ejecutable. Pero cuando se quiere cerrar ese comentario en alguna línea, entonces hay que volver a poner el asterisco y luego barra. Entonces el resto del código que va tras no está consiguiendo nada comentado, y luego puede ser ejecutable como un JavaScript normal. Entonces de esta manera, puedes deshacerte de toda esta barra inclinada, barra inclinada funciona solo para una línea, pero no funciona para múltiples líneas. Para hacer comentarios de línea múltiple, tienes que poner asterisco de barra y luego puedes cerrarlo de nuevo. Entonces de esa manera, defines comentarios de múltiples líneas o comentarios de una línea en tu código. 12. Comprender las variables de var: La mayoría de las veces, una aplicación de JavaScript necesita trabajar con información. Aquí hay dos ejemplos. Una tienda en línea, la información podría incluir bienes que se están vendiendo y un carrito de compras o una aplicación de chat. La información podría incluir usuarios, mensajes, y mucho más. Entonces, en otras palabras, se utilizan variables para almacenar la información, para almacenar la información del usuario que van en el flujo de la aplicación de JavaScript o del propio script. Entonces permítanme darles un ejemplo. Como se ve aquí en esta imagen, vemos que la variable, podemos considerarla como una caja. Y esta caja tiene un nombre y este nombre, por ejemplo, un mensaje. Y dentro de esta caja podemos poner un valor como por ejemplo, hola. Y también después de eso, puedes cambiar ese valor en función de tus necesidades. Por ejemplo, para este mensaje, puedes hacer lo que quieras. Puedes traerlo todo. Puedes hacer algunos cálculos con él, o puedes agregarlo a alguna comparación. O puede, por ejemplo, presentar en la página HTML. En cambio usando este valor Hola, puedo usar el nombre de la caja donde puedo que quieras, por ejemplo, quiero usarlo en alguna función o en algún objeto. Entonces ahora cómo podemos traducir esta imagen a un código. Por lo que iré a nuestro archivo JavaScript. Voy a definir una variable llamada mensaje y el valor de la misma será hola. Entonces, ¿cómo podemos hacer eso? En primer lugar, se puede utilizar el barrio o la palabra clave en el clip Java, que se llama plomo. Por lo que con LED, se puede definir una variable. Por lo que el nombre de la caja es mensaje. Por lo que puedes decir aquí que definimos el nombre de la caja. Y con igual valor similar o con el teclado, se puede asignar un valor a esa caja. Entonces cuando quiero asignar un valor que ahora es una cadena, podemos decir que necesitamos tener una comilla doble o una cotización simple. Por lo que normalmente en JavaScript avanzado, o en JavaScript moderno, utilizamos sólo citas simples para definir las cadenas. Entonces voy a decir aquí, hola. Entonces de esa manera, exactamente como implementamos en la imagen, tenemos una caja llamada mensaje y dentro de ella una cadena Hola. Normalmente definen una variables de manera diferente. Para que puedan decir que dejen mensaje. Y después dicen que ese mensaje es igual a Hola, Como ves aquí. Entonces de esa manera, también puedo usar esta variable mensaje de diferentes maneras. Por lo que puedo ver tu mensaje hola, mensaje Hola Tanto como quiera. Entonces ahora quiero usar esta variable, entonces cómo puedo usarla. Por lo que usando esta variable, por ejemplo, podemos usarla en el registro de la consola. Por lo que no puedo decir consola dot log. En lugar de agregar la cadena, podemos agregar la variable en sí. Entonces diré aquí, mensaje de registro de consola. Entonces después de eso, ponemos punto y coma por cada extremo de bicicleta de la línea. Y ahorramos. Vamos a refrescar nuestra página. Y veremos que llegamos aquí, hola, y viene con el índice j es 15. Entonces tenemos aquí en la línea 15, el mensaje o la caja que puse en ella en la consola. Entonces si hago esto, como si defino la variable después, como la asignación de la cadena, entonces obtendré un error porque aquí el mensaje aún no está definido. El JavaScript va de arriba a abajo. Cuando vaya de arriba a abajo, verá como si hubiera un mensaje aquí, pero estoy asignando un valor. Pero lo que es mensaje es algo desconocido. Por lo que primero buscará el mensaje principal. Entonces cuando guardemos e intentemos de nuevo, obtendré un error como no puedo acceder al mensaje antes de la inicialización. Entonces tenemos que inicializar primero el mensaje. Y entonces obtendré el valor de la misma asignado un valor al mensaje o a su caja. Y entonces puedo hacer lo que quiera con esa caja o con esa valiosa. 13. Cambia el valor variable: También podemos cambiar el valor de la variable, como el valor de la caja. Entonces como ves en esta foto, puedo lanzar esta cadena hola como valor de la caja y poner otro valor que es mundo. Entonces de esta manera ese hola, Iremos a la basura y Ward volverá a venir a esa caja y se almacenará ahí. Entonces cómo podemos implementar eso simplemente, podemos asignar con igual, de nuevo otra cadena. Entonces diré aquí, como mensaje, y luego en lugar de poner como hola, pondré mundo. Entonces de esa manera, el mensaje, obtendremos este valor al final. Entonces intentemos guardar y refrescar. Y veremos que imprimimos el mundo. ¿ Dónde está hola? Hola fue a la basura después de asignar la palabra de cadena al mensaje. Por lo que de esa manera, el registro de la consola verá el último valor asignado a la variable de mensaje. Y, porque el flujo de JavaScript va de arriba a abajo. Por lo que el último valor asignado a la variable box o a message es world. Entonces es por eso que consola log o registra la cadena del mundo en la consola. 14. Constantes: Existe otro tipo de almacenamiento de datos o cajas en JavaScript que se llama constantes. Las constantes son diferentes de las variables que no se pueden cambiar los valores de las mismas después de la primera inicialización. Entonces de esa manera, no puedo decir hola primero y luego hago mundo. Esto me dará un error. Entonces si decimos que en lugar de esto, podemos decir contras para definir una constante, entonces el mensaje tomará este valor y no se puede de nuevo, asignarle el mundo, obtendremos un error. Probemos eso ahora. Como ven aquí, en primer lugar, nos falta inicializador declaración cerrada. Entonces de esa manera, no podemos hacerlo de esta manera. Por lo que no podemos decir que causó mensaje e ir otra línea para asignar el valor. Tenemos que hacerlo directamente. Entonces iré aquí y diré const mensaje, constante, mensaje se llama hola. Por lo que podemos poner aquí como una cuerda hola. Y luego veremos si conseguiríamos un error aquí. Entonces, vamos a guardar eso. Otra vez. Como ves, conseguimos asignación a una variable constante. Se trata de un error Tipo I, por lo que no se puede hacer eso. Por lo que no puedo asignar, nuevo al cuadro de mensajes un valor que es como mundo, no puedo cambiar ese valor como teníamos en la variable o cuando encontramos una caja con plomo. Entonces cuando comentamos aquí o cuando lo quitamos. Entonces vamos a hacer un comentario fuera. Por lo que comenté, por lo que este código no se ejecutará. Y guardar, refrescar de nuevo. Y veremos que nos dieron Hola sin ningún error. Por lo que la diferencia entre lead y constante o variable y variable constante, se puede asignar cualquier valor y el último valor del mismo podrá, o se podrá trabajar con él. Pero con una constante, se puede inicializar un valor sólo una vez, pero no se puede cambiar durante el flujo de JavaScript. 15. Cómo nombrar variables y constantes: Entonces, ¿qué pasa con nombrar las variables aquí usamos una palabra que se llama mensaje. Por lo que hay dos limitaciones en los nombres de variables en JavaScript. En primer lugar, el nombre debe contener sólo letra o dígitos o símbolos como dólar y subrayado. Entonces esto es dólar y este es subrayado. Entonces de esa manera, tenemos que definir la variable con esta única o esas limitaciones. Y la segunda regla de que la primera letra o primer conductor de la variable no debe ser un dígito. Por lo que no debe ser un número, porque de lo contrario obtendrás una recompensa como esa. Entonces esas son las reglas de nombrar variables y constantes en JavaScript. Por lo que puedo decir aquí, por ejemplo, cuadro de mensaje, esta es una variable, o puedes definirla así. Cuadro de dólar de mensaje. Tienes una libertad totalmente. Si estás siguiendo las reglas, también, puedes usar números aquí o en el medio. Puedes usar números. Por lo que no hay, ningún problema usando números en el medio o al final de la variable. Pero, ¿qué pasa con la convención de nomenclatura? Convención de nomenclatura normalmente si recuerdas, hablamos de camelcase y mantener la mirada y también el caso Pascal. Entonces esa convención de nomenclatura común en JavaScript es CamelCase. Entonces diré aquí en lugar de cuadro de mensaje, no usaré, como podemos decir aquí, el subrayado, que se llama caso Snake. Diré cuadro de mensaje así. Entonces el CamelCase, primera letra, pequeña, y primera letra o la segunda palabra es mayúscula. Y por supuesto, quiero mencionar que es sensible a mayúsculas y minúsculas. Entonces cuadro de mensaje como este es diferente de Message Box, que es así. Por lo que no se puede decir que esos son iguales porque aquí hay mayúsculas y minúsculas y las letras son totalmente diferentes. Por lo que esas variables son esas dos constantes son diferentes. Además, hay algunas palabras que están reservadas por JavaScript, lo que no puedes usar nada de eso, todas esas palabras reservadas. Por ejemplo, uno de la Junta de Reserva, como veremos más adelante, se llama retorno. Por lo que no se puede usar esta palabra como variable. Además, no puedes usar vidrio o no puedes usar tan bien la función como veremos más adelante porque es una palabra reservada. Por lo que veremos muchas palabras las cuales están reservadas en JavaScript, que no se puede utilizar como denominación de las variables. Entonces por ahora, este es el camelcase y podemos definir las variables con algunas reglas como ningún número al principio, y también solo se puede usar puntuación y signo de dólar. 16. Tipos de datos: Un valor de variable en JavaScript siempre está fuera de centro y tipo. Entonces, por ejemplo, podemos decir que se trata de una cadena porque la estamos definiendo como una cadena. O puede ser un número como un ejemplo, tengo dos aquí, 43. Entonces de esta manera que esta constante tendrá un tipo como número. Existen ocho tipos de datos básicos diferentes en JavaScript. Los cubriremos todos en general en este curso, pero nos centraremos en como secciones adicionales sobre números, por ejemplo, y sobre cadenas y los principales tipos importantes. Entonces, por ejemplo, tenemos números. Se puede definir un número de esta manera, o bien se puede tener un número flotante. Por lo que todos ellos, se definen como números. Hablaremos de los números con más detalle. Además, tenemos un string, como ves aquí, definimos también una cadena. Tenemos booleanos, booleanos que pueden ser falsos o verdaderos. Entonces de esta manera, definimos la variable con esas dos palabras clave, false o true. Entonces de esa manera, esta constante o una variable tendrá un tipo que se llama booleano también. Ahí está el tipo indefinido y también el tipo nulo. Hablaremos todo sobre ellos en las próximas secciones con más detalle. Por lo que aquí puedo decir que tengo número de caja de mensajes. O podemos decir como número const. Podemos definir un número constante. Y podemos tener un const Booleano. Podemos decir booleano así. Y podemos tener tan bien una const como una cuerda. Entonces aquí podemos tener const string y necesito arreglar esto para ser por caso camello. Entonces podemos tener aquí, como lo tenemos como cuerda. No podemos tener los tres tipos aquí. Entonces vamos a la consola registrarlos todos. Voy a consola log el número, voy a consola log el booleano, y voy a consola log también, la cadena. Por lo que podemos tener aquí registro de consola y quitamos esto, ponemos consola o const string. Entonces vamos a refrescar la página. Como ves, la cuerda siempre está en DevTools como blanco, pero el número tiene este color violeta. Por lo que se puede distinguir entre el número de esa manera o si se trata de una cadena. Entonces aquí estoy definiendo el número como cadena, no es un número. Entonces si te refrescas, lo verás como un blanco, por lo que es una cuerda. Entonces de esa manera hay que distinguir. Entonces esto no es un número, es una cadena porque tenemos esas citas. Pero de esta manera es un número. También, hay errores tipográficos se llaman objetos. Hablaremos más de ellas a detalle y veremos todas las operaciones sobre ellas. Pero por ahora para no complicarlo más, bastamos con esos tres tipos, número, booleano y string. 17. Integers y números flotantes: En JavaScript moderno, hay dos tipos de números, números regulares y números grandes. Los números regulares son los números que ya conocemos. Y también están los números grandes, o podemos llamarlos enteros grandes. Estos grandes enteros con la R viene con muchos ceros. Entonces, por ejemplo, tendré aquí que puedo saber que por ejemplo, tengo mil millones y luego vendrán mil millones con 900. Esto estará implementando un entero grande hasta el momento que puedes usar un entero grande en JavaScript también. Y también enteros normales como los que son menores que, podemos decir mil millones. Siempre son enteros normales o regulares. Pero imagina si quieres escribir, por ejemplo, mil millones. Un billón viene con cuántos ceros? Con nueve ceros. Por lo que tendré aquí 123123123. De esta manera, no voy a entender cuántos ceros o mis ojos no van a atrapar cuantos ceros tengo aquí. Entonces una forma de definir un gran número es dos, separarlos con subrayado. De esa manera, se mantendrá como número, pero son más fáciles de leer. Tantos miembros, si ves subrayado en el número, eso significa que no es una cadena, pero realmente se está quedando como un número. Y es gran número o puede ser número regular también. Entonces probemos este ejemplo y actualicemos nuestra página. Y veremos que en la consola registramos ese número y se eliminó el subrayado. Entonces tenemos los mil millones normalmente. Por lo que el manejo de esa variable en JavaScript se tomará como un número normal, incluso tuvimos aquí bajo puntuación. Pero como desarrollador, es más fácil para mí leer ese número. Ahora, hay otra forma de definir un número o definir un número con múltiples ceros. Entonces por ejemplo, tomaré esta constante y le daré, por ejemplo, nombre diferente. También podemos llamarlo, mil millones. Y estos mil millones, no será así, pero podemos definirlo de una manera como una. Y pones E y esta E definen cuántos ceros detrás o después del uno. Entonces tendré aquí 1, e y luego 0 o por ejemplo, entonces será sólo uno. Y si quiero mil millones, entonces pondré nueve ceros. Entonces de esa manera, si consola logramos ese número también, por lo que pondré aquí causado, podemos consultar número de bajo costo mil millones y también el número de contras no motoras que teníamos antes. Entonces podemos ver en la salida mil millones, mil millones, y veremos eso como la salida en el registro de la consola. Entonces cuando me refresco, como ven, yo también tenía aquí mil millones. Pongamos seis. Por lo que vamos a guardar y refrescar de nuevo. Y veremos que es 1 millón, como seis ceros. Se puede poner también aquí como por ejemplo, cinco y luego 56, significa como si tuviera 5 millones. Entonces de esa manera puedo definir un número. Se puede escribir el número normalmente sin ninguna separación, como el subrayado. O puedes escribirlo como con separación para tener como lectura más amigable. Y también puedes escribirlo de manera corta, como cómo tenemos aquí con el E. Así que también, si ponemos qué ejemplo aquí, 5.7 o 5.56 ceros, ¿qué pasará en tu opinión? Creo que serán, por ejemplo, 5 millones y 500000. Aquí pongo 5.5 como número de flotador, como normalmente recuerdas definimos los números de flotación tal como es. Entonces ven aquí como cinco puntos, como 555. Pero si pones, por ejemplo aquí 5.6 y luego E, por ejemplo, quiero tres ceros. Entonces tendré 5 mil 600 porque los tres ceros, o puede decir como este es 5.6 multiplicado por 100. Entonces de esa manera, no puedo decir que esto igual a multiplicado por 100 mil. Este operador se multiplica. Lo veremos más tarde. Entonces ahora si guardo, hazlo de nuevo, obtendré el mismo resultado. Entonces de esta manera podemos definir los números en JavaScript. Hay manera opuesta que tengo que poner, por ejemplo, como menos aquí. Entonces si ponemos aquí como un poco menos después de la E, entonces será en menos. Quitemos este cinco, 5.5 y tendré cinco e menos 6. Entonces cuando nos refresquemos, Probemos eso. Veremos que fuimos en coma o en el flotador como bajo el 0. Entonces de esa manera, puedes definir también mejor que decir que necesito número 0, 000, 000, 5, sé que puedes decirlo de esta manera, cinco, e menos seis, y obtendrás el mismo resultado. Es exactamente de la misma manera como se está dividiendo por 100 en nuestro ejemplo o en 1 millón. Entonces en este caso, divido 5 por 100000 y de esta manera obtendré 0.005. Entonces así es como estamos manejando los números en JavaScript de esta manera. Por lo que tienes todas las formas, la forma opcional o la opción de definir tus números como quieras. Puedes declararlos realmente como sin ninguna de esas separaciones. Y también puedes declararlos así. A los números flotantes, como les dije antes, podemos definir el número flotante fácilmente. Entonces podemos decir aquí flotando. Por lo que el número flotante, sólo se puede definir un punto cero 85. O aunque tengas como, como de una manera como por ejemplo, 5.5, vale, necesito declararlo, pero si tienes 0.5, no tienes que poner el 0. Por lo que es suficiente tenerlo como 0 o DOT 5, y no se definiría como 0.5. Pero cuando guardo aquí plugin más bonito, que hablé antes, está cambiando para mí el formato y está haciendo y diciendo que es mejor declararlo así. Por supuesto, podemos cambiar la configuración de más guapa, pero ahora no estamos en ese nivel. Estamos solo con lo básico. Veremos más adelante cómo configurar nuestro editor de manera más eficiente. 18. Operación de números: Al igual que una calculadora, también puedes hacer algunas operaciones en los números. Por lo que hay operadores en JavaScript. Volvamos a nuestro código. Organizémoslo un poco. Por lo que mantendré aquí ese número constante y también const número mil millones. Ponemos como el registro de la consola después de cada asignación o después de cada variable. Entonces de esa manera, seremos más fáciles de cambiar y leer juntos esos valores. Entonces de esa manera, pondré también este aquí. Por lo que tenemos registro de consola para todo. Entonces este número flotando, no lo necesitamos. Por lo que tenemos variable y constante y estamos consolando logarlo. Entonces ahora vamos a hacer algunos cálculos. Entonces por ejemplo, necesito tener edición. Entonces de esa manera, puedo definir una variable. Puedo decir que dejemos, por ejemplo, x será igual a cinco. Y también podemos haber let y, será igual a siete. Y también podemos de esa manera agregar X a Y. Entonces de esa manera tenemos que decir, dejar z igual a 5 más 7. O de esa manera se puede decir que en realidad x plus ¿por qué? Entonces de esa manera, será reemplazado por x, el valor cinco, y por y será reemplazado el siete. Entonces, después de eso, podemos consola log ese valor. Entonces podemos tener aquí let z, y este zed estará conectado aquí, y será la adición entre x e y. entonces si ahorramos, llegamos aquí 12, lo cual es genial. Además, se puede tener como operación directa en los números. Entonces no puedo tener aquí cinco más uno. Y entonces eso es todo. Serán 13 porque aquí tengo seis y el y sombrero siete. Entonces como 67 es 13. Lo mismo vale para multiplicarse. Entonces tendré aquí en lugar de plus, puedo tener aquí multiplicar, que es tan estricto o una estrella. Entonces tienes una estrella aquí, entonces es multiplicación. Entonces cuando me refresque, tendré aquí 42 porque seis multiplicados por 7 es 42. Entonces, quitémoslo e intentémoslo de nuevo. Y tendremos 35. Por lo que siete se multiplican o cinco multiplicados por siete, yo tendría 35 del valor de la variable z también. Ahí está la resta, por lo que restar x de y nos dará también los resultados. Por lo que sólo hay que poner menos en lugar de multiplicar. Si intentas eso y refrescas, obtendrás menos dos porque cinco menos siete es menos dos. Y por supuesto, si pones como aquí mayor número, lo siento, podemos volver a ir aquí. Ponemos aquí 15 y luego refrescamos. Vamos a conseguir ocho porque 16 menos 7 es 8 también. Tendrás ese método divisorio. Por lo que también puedes aquí en lugar de menos, puedes tener una división. Entonces slash, significa dividir cuando tienes que escribir o dos números, entonces te dará la división entre esos dos números. Por lo que Zed tendrá X dividido por Y. Entonces de esta manera, obtengo este resultado porque 15 dividió un dos por siete. Ese es también el módulo. Por lo que puedes tener aquí mod, por lo que por ciento te da el resultado o, o el retorno, ese resto de división. Entonces de esa manera, diré aquí, refrescar y luego, bien, 15 multiplicados o Módulo 7, será como uno. Entonces de esa manera está el resto de la división. De acuerdo, también hay otra cosa que se llama incrementando. Por lo que puedo aumentar x de alguna manera sin decir como 15 más uno, hay algún atajo. Te ayuda a hacer eso. Por lo que voy a decir aquí, vamos a la consola regir todos los números. Aquí tengo aquí registro de consola, registro de consola también. Entonces aquí tenemos x e y y luego z. ¿De acuerdo? Cuando digo aquí x plus, más como al tiempo y luego punto y coma, entonces x se incrementará en 15, por lo que se incrementará en uno. Entonces pondré aquí como cuando lo guarde de nuevo, vale, primero es 16, así que x log de consola es 16 porque se agrega aquí. Por lo que tenemos adición o plus, plus. Y también y es siete, se quedó igual. Y zed es una población modular, que es una. Por lo que de esa manera se puede aumentar X y el registro de la consola seguirá el último valor cambiado en los huevos. Entonces de esa manera, podrás ver el resultado del último cambio de esa variable. A lo mejor ahora puedo explicar más que constante. Entonces si digo no llevar, pero voy a decir const. Por lo que x es una constante. Ahora si refresco, obtendré asignación de error a una variable constante en la línea 27. Entonces aquí es como si cambiara el valor de x Así que el valor de la x realmente cambia. Entonces de esa manera, no puedo cambiarlo porque es constante. Entonces de esa manera, siempre cuando se utilizan estos operadores, se debe usar let. Lo mismo va para menos, menos. Entonces tendré aquí menos menos, y entonces el número se disminuirá en uno. Entonces 15 menos, menos es 14. Entonces de esa manera, tenemos haciendo como algún atajo para aumentar o disminuir el número. Ese es también el poder. Ya sabes, en matemáticas hay algo llamado poder. Definamos una variable, llámala a. Y esto a tendrá, por ejemplo, dos y luego dos se multiplica dos veces, y pondré por ejemplo, tres. Entonces de esta manera, estoy diciendo que dos es poder tres. Por lo que dos se multiplicaron 2 a 3 veces 2 multiplicados por hacer multiplicado a dos otra vez. Entonces vamos a consola log a, así que deberíamos conseguir ocho. Entonces de esa manera, veremos que está actuando como un poder. Entonces vamos a ahorrar. De acuerdo, aquí tenemos ocho. Entonces es como dije, multiplicar para mí a tres veces. Por lo que los dos primeros y segundos, y todos se multiplicaron tres veces. Entonces tenemos aquí el mismo resultado, que es de ocho. Entonces cuando haces la multiplicación 2 veces, se llama como un poder. Entonces pongo aquí como seis, y luego voy a conseguir 64. Por lo que dos multiplicados por sí mismo, seis veces. 19. Precedencia de operarios: De acuerdo, ahora tengo una pregunta para ti. Por lo que definí una variable B de esta manera. Entonces digo uno más a, 100 más 50 multiplicado por tres. Entonces, ¿cuál será el resultado? Es resultado del ejemplo anterior, el mismo que 150 multiplicado por tres, o 100 más 150. Entonces esto lo que estamos llamando precedencia de operador. Entonces de esta manera, puedo saber cuál es el operador más fuerte que el otro. Entonces intentemos eso y veamos el resultado. Cuando nos refresquemos. Tengo 250. Entonces lo mismo de 150 más 100. Entonces de esa manera, sabré que la multiplicación es más fuerte que el plus. Lo mismo. La multiplicación o división también es más fuerte que el plus. Por lo que esta operación se hará primero, y luego se hará este o plus con los 100. Entonces para cambiar esta periodicidad o esta fortaleza, aprendimos en matemáticas que podemos usar paréntesis. Entonces cuando pongo aquí uno, las oficinas de patentes están alrededor de esos operadores. Por lo que tengo aquí ahora, 100 más 50 serán más fuertes que la multiplicación. Entonces intentemos eso. Refrescar. Conseguí 450, así que 150 multiplicados por tres. Entonces de esta manera, cambio la periodicidad de los operadores. Por lo que a esto se le llama injera recortada o en matemáticas, precedencia. 20. Verificación de métodos de número: Cuando tomas una variable que se define como un número y luego pones punto, entonces tendrás algunos comentarios sobre esa variable. Entonces cuando voy a decir aquí, por ejemplo, b dot, entonces voy a obtener como autocompletar de Visual Studio Code algunos métodos, este cuadrado aquí o este cubo muestra como método. Por lo que hay múltiples métodos para los números, y también hay métodos para las cadenas y también para otros tipos como veremos más adelante. Pero mientras estemos en la sección de números, ahora voy a hablar del método de números. Entonces en primer lugar, hay que fijar, a fijar, está haciendo un redondeo para el número. Entonces cuando tenga el número dos o 0.9, entonces se redondearon hacia arriba y lo hará como uno. Entonces intentemos eso. Entonces voy a definir una variable. Entonces podemos decir aquí, vamos, y podemos darle un nombre c. Y este c tendrá como 0.9 como ejemplo. Entonces lo que digo, otra variable deja que el será C punto fijo. Entonces de esta manera, estoy asignando o dando un comando a la variable C para ser cambiada. Pero la variable no se cambiará. Pero el resultado de eso se asignará a la, así como la C se quedará tal como está. No se va a cambiar, pero sí fijo. Tiene un resultado. Y este resultado me dará una cuerda. Y esta cadena tendrá eso, el número que será uno. Entonces cuando loguemos en consola este D, iré aquí, le llevaré un registro de consola, y la consola lo registraré aquí. Voy a conseguir 0.9 redondeados hacia arriba como una cuerda. Porque se ve aquí la salida del método es cadena. Hablaremos de más pensamientos o parámetros con más detalle. Entonces veamos eso en nuestros ojos. Entonces cuando me refresco, llegué aquí uno en la línea 42. Entonces éste es uno, y como ves, no es violeta, es blanco. Entonces significa que esto es una cuerda como vimos antes. Entonces para fijo, redondeado el número y cámbialo a la cadena de tipo. Y como ven aquí, D es una cuerda. Si pongo el mouse sobre esa variable, hay otro método, vamos a descubrirlo. Por lo que podemos quitar esto a fijo y probamos otro. Se llama dos exponenciales. Entonces de esta manera, cuando llamo a ese método, hay que poner siempre este paréntesis. Entonces hay que llamar a ese método, como veremos más adelante, estamos llamando a ese comando en la variable C. Así que cuando guarde y vuelva a ir aquí, verá que es viejo, es 9 menos o e menos 1. Entonces es como multiplicado 9, multiplicado por 0.1. De esta manera, obtendré 0.9. Hablamos de eso anteriormente. Hay, por supuesto, otros métodos los podemos ver descubrirlos, como por ejemplo, para presionar esta sesión, hablaré de ello más adelante. Y dos cuerdas también, voy a hablar de ello más tarde. Pero en realidad es convertir el número en una cadena. Esta es la respuesta más simple al respecto. Entonces cuando tenga aquí C dot dos string, entonces D tendrá un valor de cadena de c. Así que tendremos aquí, C es, D es 0.9. Pero si en consola registro el número C, así que tengo aquí para ver, como ustedes han visto aquí, vamos a tener 0.9 en violencia Porque es número y esto como D se cambió a una cuerda y también es 0.9. Entonces de esa manera, la salida de este método está cambiando la variable a la que estamos llamando. 21. Parsing de cadenas a números o opcional: Como les dije antes, también podemos analizar los números a cadenas como vemos aquí o como lo hicimos aquí. Por lo que C fue transferido a una cuerda y asignado a la D valiosa, y aquí se imprime como una cuerda. ¿ Y si queremos hacer lo contrario? Por lo que quiero cambiar un número como cadena a un número. Entonces de alguna manera, como no puedo decir que este C es un número o una cadena, y quiero verlo como un número. Para ello tenemos múltiples maneras. En primer lugar, el camino global. Entonces iré aquí y en lugar de decir semilla para hacer cadena, quiero ver D como un número. Por lo que puedo poner aquí como número mayúscula. Es una palabra clave en JavaScript. Y luego abro paréntesis. Y entonces diré que el valor que quiero cambiar a un número. Entonces pondré aquí ya sea como la cuerda, pongo aquí un huevo de Pascua, como un número. O puedo poner la variable que quiero convertir porque el mar valioso sostiene el número de cadena 0.9, entonces puedo usarlo para este método. Entonces puedo decir aquí número c. Así que vamos a guardar, y veremos que primero bloqueado es un número de cadena y el segundo es el número. Entonces cuando guardemos, veremos que el primero es número de cadena, que es c. Y el segundo número es el, que tiene un color violeta, que es el número. Entonces de esta manera, definí o convertí esa variable de cadena a un número. Hay otras formas también de analizar a un número. Una de ellas, si conoces ese tipo o similares, ya el valor de C por ejemplo. Entonces aquí es 0.9, así que es un número de flotación. Entonces no se puede decir aquí, en lugar de como número, se puede escuchar decir, analizar, flotar. Entonces de esta manera, estoy analizando ese número o cambiando ese número usando una cadena a un flotador. Entonces de esta manera obtendremos el mismo resultado y lo que se cambia también a número. Además, si sé que C es un número entero, como pondré aquí 10, entonces cuando ponga como por ejemplo, parse int, esto es entero, como analizar esta cadena a int, entonces lo conseguiré como un entero. Entonces si tengo como por ejemplo, 0, por ejemplo siete, y estoy usando parse int. Por lo que la salida de las barras final será número, número entero. No será como un número flotador. Es así como la expectativa. Entonces estoy usando o analizando cadena flotada a entero. Entonces intentemos eso. Y ya veremos que me dieron luego 0.7. Este es el valor del mar como una cuerda. Y entonces me dieron sólo 10 para el d. Así que de esa manera, Es restar todo esto. 0.7 se resta de esa cadena. Y me dio eso es viejo como un 10 sólo porque dije parte o parte lo. Entonces ahora si tengo esto como un parse int y quiero cambiarlo para analizar flotador de esa manera. Entonces tengo aquí un entero como cadena. Por supuesto, quiero convertirlo como flotador, así que obtendría número de flotador. Vamos a refrescar eso. Y verás que el flotador de análisis lo mantuvo igual. Entonces cuando siempre estás seguro de la variable, como si es flotador o número, entonces puedes usar el método adecuado para eso. De lo contrario, solo puedes usar un número y te ayudará a evitar el flotador de análisis y analizar una cadena. De acuerdo, ahora voy a hacer flotador de análisis para C, pero no voy a poner aquí un número, voy a poner otra cosa, como pongamos una cadena. Pondré, por ejemplo, manzana. ¿ De acuerdo? Y de esta manera, cuando imprima eso, Veamos cuál es el resultado. Tengo algo, ninguno. Por lo que D consiguió algunos revendidos de parse float como nan, no un número. De este 1, 2 hablaremos en la próxima conferencia. 22. NaN No una función de número: Por lo que vimos en la conferencia anterior cómo no conseguimos ninguno. Al igual que no un número. Es como atajo para no un número. Entonces de esta manera que dice que D obtuvo algún valor en valor de análisis. Por supuesto, incluso como cuando dices parse int, obtendrás el mismo valor. No es ninguno. Entonces el intestino un valor llamado Ninguno. Y este no-valor se define en JavaScript. Entonces es así. Entonces es como una palabra fija que es, tiene un número de tipo, pero no es un número. Está diciendo que, vale, esta variable no es un número. Ten cuidado, no lo uses. Entonces de esta manera, sabré que D no es un número. Entonces en el futuro, cuando quieras saber si este número o esta variable tiene un valor, NAN, como no un número o no, entonces puedes comprobarlo. Se puede comprobar esta variable para ver si realmente es número o no. Porque a veces cuando tienes miles de líneas de código, Es realmente difícil rastrear ese número, sobre todo si estás haciendo mucho análisis en esa variable. También analizando de cadena a entero o float a un entero, etcétera. Por lo que a veces se pierde el control de esa variable. Entonces, ¿es mejor manera de ver si esta variable tiene un número o es tipo número o simplemente una cadena? Ahora es fin de semana fácil, véalo como si pudiéramos ver que C es una cadena, claro que no es un número. Pero claro, como les dije, cuando pierdan el control sobre las variables, entonces sabrán comprobar si este C es un número o no. Entonces de esa manera se puede decir que aquí no hay ninguno. Así que ninguno es un método para comprobar si se trata de un número o no. Entonces cuando digo como no es ninguno para C, entonces me va a comprobar si c es un número o no. Por lo que D tendrá uno de dos valores, verdadero o falso. Al igual que cuando no es un número, como una cadena, entonces D tendrá un verdadero. Entonces en nuestro caso cuando en consola registe esto, voy a conseguir un verdadero. Entonces intentemos eso. Como ves, tenemos aquí un verdadero porque es realmente ver no es una barra de aplicaciones porque no es número revolviendo porque es Apple. Pero cuando pongo aquí 14 por ejemplo, y luego reviso si es número o no, o dice que no es un número. Entonces de esa manera, me pondré falso porque c es un número como cadena, por supuesto. Entonces aquí no hay ninguno está revisando una cadena si es número o no. Por lo que se puede comprobar por este comando, cualquier variable si es número o no. Entonces es exactamente de la misma manera que esta. Así es ninguno. O 414, como no es un número, entonces es falso porque es un número. Pero cuando pongo, por ejemplo, cualquier cadena y refresco, sí, ¿verdad? No es un número. El intestino que valora. 23. Cadena literal, la función y la sintaxis: En esta sección vamos a hablar de cuerdas. Cuerdas vimos de forma olvidada que estamos imprimiendo una cadena en el log de la consola definiéndola entre la cotización, comillas simples o dobles. Pero ahora eliminemos todo este código para tener un inicio más limpio porque adjunto este código con la sección anterior. Por lo que al final de cada sección, verá el código que trabajamos en toda la sección. De acuerdo, ahora voy a borrarlo todo. Y para las cadenas, hay, como dijimos, múltiples métodos para definirlo o definir una cadena. Por ejemplo, podemos decir let x estará en una sola cita de dos. Podemos decir que esto es una cuerda. Entonces de esa manera puedes definir una cadena. Además, se puede definir una cadena entre comillas dobles, como dijimos. Pero aquí más guapa lo está cambiando a doble cita. Porque cuando ahorramos por año por tarifa que tenemos eso en doble cotización. Por supuesto, podemos cambiar esa configuración. Tan bonito, lo consideraremos como una cita simple para la cadena. También hay otra forma de definir una cadena, pero usando un método. Si recuerdas, usamos antes método de número, este método de número me permite convertir alguna cadena a un número o cualquier otra cosa. Entonces ahora podemos usar también alguna palabra con mayúscula la cual se llama cadena. Entonces de esa manera también puedes definir una cadena usando ese método. Entonces voy a decir aquí vamos y, y luego voy a decir esto es o fin de semana, di cadena. Y luego abrimos paréntesis y tenemos que especificar un valor. Y este valor, se llama como por ejemplo, la cadena misma que queremos definir. Entonces en realidad es exactamente igual. Pero aquí es más constructivo. Y a esto lo llamamos una forma constructora. Pero por supuesto, la forma moderna es siempre usar el igual y directamente puedes definir tu cadena. Pero aquí se puede decir también, como esta es una cuerda constructiva. Por lo que podemos agregar eso. Y entonces Y tendrá este valor como cadena también. Por lo que podemos decir registro de consola. Puedes poner el log de palabras y te mostrará en los envíos y solo tienes que pulsar Enter y se añadirá para ti toda la frase. El código de Visual Studio se encargará de ello. Entonces tenemos que poner la consola log x y la consola log y. y luego imprimamos ese valor. Entonces tenemos aquí, esta es una cuerda y esta es una cuerda constructiva. Entonces todos ellos igual, exactamente la misma forma de definir una cadena. Para mí, pongo el asunto de esta manera, que es definir una cadena dentro de la cita, comillas dobles, o en una sola cita. 24. Lines líneas en las secuencias de códigos: con garabatos trasversales: En JavaScript moderno, también existe la posibilidad de utilizar las garrapatas traseras. A lo que me refiero, los backticks se utilizan para tener multi-línea de agitación. Entonces aquí en este caso, si me gusta esto, entonces obtendré un error porque no puedo tener múltiples líneas para esta cadena. Pero definitivamente hay una gran manera de hacerlo. Para que pueda cambiar esas cotizaciones con algo llamado back tick, que es este signo. Y también puedes cerrarlo de la misma manera. Entonces esta es una cadena, será una cadena también, por lo que se definirá como cadenas. Entonces aquí tenemos una cadena, pero cuando presionas Enter, no obtendrás ningún error. Porque esto es decir que puedes tener múltiples líneas de cadena tanto como quieras. Entonces como ven aquí, yo tengo, esta es una cuerda y tengo múltiples líneas. Entonces es sensible para eso. No puede ver todas estas líneas. Y se considera que todo entre esas garrapatas será una cuerda. Entonces ahora vamos a refrescarnos. Y veremos en el registro de la consola, es exactamente como lo hemos escrito en su código. Entonces para eso, es muy beneficioso usar las garrapatas traseras y también usarlas para imprimir cuerdas más largas. Especialmente si tienes una línea de código muy larga y no quieres ponerlos. Por ejemplo, como una larga línea como esta, o por ejemplo, si tengo larga fila, entonces voy así, lo cual es malo para mí. Entonces de esta manera, puedes dividir tus cadenas en múltiples líneas y puedes tenerlas en el registro de la consola así. Por lo que la cotización doble en realidad no es sensible para múltiples líneas porque de lo contrario obtendrías un error en JavaScript. Pero backticks, es sensible o eso. Y todo entre los backticks es una cuerda. 25. Notaciones de escape de las cuerdas cómo escribir cita en una variable de cadena: De acuerdo, Si quieres decir como por ejemplo, quiero tener una comilla doble dentro de la cadena, como quiero imprimir en el log de la consola también. Porque si pongo aquí como bien, como fin de semana, digamos, dijo John. Y luego queremos poner cotización doble. De lo contrario se cerrará así. Entonces esto está mal y me está dando error porque la doble cita es un cierre para esta cotización. Por lo que tienes una de dos opciones. Puede ser, puedes poner esto como una cita simple y cerrarlo como una sola cita, entonces la cita doble aquí se considerará como una cadena. Entonces de esa manera, tendrás todo esto como cadena y no obtendrás error. Pero si quieres conservar la cotización doble, puedes escapar de esta cita doble. Por lo que no se considerará como un cierre a la depredación de esto. Por lo que solo necesitas poner una contrasta. Por lo que con la contralga, no se puede decir que esta cotización o cotización doble no será considerada como una cotización de cierre. Entonces aquí también. Por lo que el que es, no tiene una contralga será considerado como una cita de cierre de esto. Entonces vamos a guardar eso e intentarlo de nuevo. De acuerdo, entonces aquí vemos que más guapa lo cambió para nosotros también. Entonces dice que es mejor hacerlo así, mejor que tener todas estas citas. Entonces de esta manera, cuando quieras verlo en real, puedes desactivar simplemente lo más bonito. Entonces estoy aquí pidiendo recarga. Entonces lo desactivé. Fui a extensiones y lo desactivé. Entonces ahora, Ok, guardo, eso es que no pasa nada no es cambiar el formato. Ahora. Ahorramos, vale, tenemos las cotizaciones, incluso son protecciones de escape. Entonces de esa manera, puedes tener las cartas de escape. Entonces las letras que necesitas usar dentro de unas cadenas, y son palabras clave, por ejemplo. Entonces vamos a habilitar más guapa otra vez. Eso es todo. Es muy sencillo habilitarlo. Te vas a la extensión y lo tienes instalado y solo tienes que click en ella y tienes deshabilitada o desinstalarla, como puedes quitarla Totalmente. Por lo que ahora más bonita sugirió que esta es una mejor manera de definir unas cotizaciones dentro de unas cotizaciones. Entonces lo tenemos así. Se trata de cuerdas de oro, notaciones de escapo. Por lo que tengo aquí escapando anotaciones. Una de anotaciones escapadas también, si recuerdas, te dije en la conferencia anterior que no podemos poner múltiples líneas para cadenas como con cita. Se puede hacer eso también escapando de cotización. Entonces puedes decir aquí en lugar de esta columna, por ejemplo, pongo slash n. Así que slash n me formatear esta cadena con una nueva línea. Vamos a la consola loguémoslo. Y como ven aquí, tengo a John dicho que esto es una cuerda. Entonces de esta manera aquí, n actuó como un enter, como una nueva línea. Entonces cuando lo guardas así, entonces todo está en la misma línea. Entonces aquí cómo pones líneas en una cadena normal sin usar backticks. Entonces todo eso es posible. Hay múltiples escapadas, por ejemplo, anotaciones de escape, como les dije, múltiples de ellas. Por ejemplo, está el que tiene una pestaña. Entonces cuando pongas slash t, entonces pondrá esta densa como cuatro espacios de like, como una pestaña. No te gusta, es como cuando presionas tab aquí. Entonces de la misma manera, exactamente. Y además, hay muchos empleados como break space o por ejemplo, form lead. Hay notación de escape múltiple. Puedes buscarlos en Google y probarlos todos. 26. Insertar variable o constante en una cadena: Entonces digamos que tenemos una variable llamada, podemos decir antes de X podemos dar un nombre así. A es como si le pudiéramos dar un nombre, por ejemplo, mito. Entonces aquí tenemos una cuerda llamada Smith y también x. Entonces de esa manera, quiero decir que Juan es amigo del timo. Entonces cómo puedo poner aquí como, oh chico, tenemos aquí Smith. Pero cómo puedo poner la honestidad variable en lugar de las matemáticas. Entonces puedo decir aquí, john es amigo de un, como ves, se considera como una cuerda. Entonces cuando lo imprimo, es un, así puedo decir que esto es un valioso, no una cuerda. Es muy sencillo. También hay operaciones en cadenas como cómo tenemos con el número. Ahí hay adición, como un plus. Y con este plus, se puede poner una variable después de ella. Entonces tengo aquí una cuerda, arranca esa variable, entonces se unirá esas dos cuerdas juntas. Entonces cuando digo aquí, diría que John es amigo del mito, pero aquí no hay espacio. Por lo que necesito poner espacio después del apagado, o puedes agregar otro anuncio más. Se pone dos cotizaciones o dos citas dobles y espacio en ellas. Entonces de esa manera, tendrás, Joan es amiga de f miss. Por lo que con esta forma, tendrás posibilidad de poder unirte. Podemos decir que hay cuerdas juntas. También hay otra gran manera que es moderna en JavaScript. Y es realmente genial como JavaScript moderno. Y la mayoría de la gente lo prefiere hoy en día. Entonces, ¿qué es? Entonces si cambié esos dos backticks, me cambio aquí a los backticks y luego no tengo que poner plus a. puedo usar esta forma como dólar y luego corchetes curvos, algo así. Y aquí puedo poner la variable. Por lo que dentro de estos corchetes, tendré valioso. Puedo escribir código JavaScript. Por lo que puedes poner aquí lo que quieras con este JavaScript porque usaste los backticks con ese signo de dólar y los corchetes curvos. Entonces cuando ahorres, ve aquí, nuevo, tendrás el mismo resultado. Entonces es exactamente de la misma manera. Entonces cuando lo repitas varias veces, será de la misma manera. Como se ve, se puede poner también al principio, en cualquier lugar de una cuerda. Entonces con esa forma es muy agradable combinar variables con bebidas o combinar cadenas JavaScript con código JavaScript. Por lo que este es el final de esta conferencia. Espero que lo hayan disfrutado. Esto es muy moderno y muy agradable de usar siempre de esa manera de combinar cuerdas. Es mejor no usar así plus y luego un, no. Prefiero usar como el signo del dólar y los corchetes curvos. 27. Verificación de métodos de aleación: De acuerdo, en esta conferencia vamos a ver cuáles son los métodos de las cuerdas. Si recuerdas, teníamos algunos comentarios para el número, como cambiarlo a cadena o cambiarlo o a alguna forma específica o formato específico. Y vamos a tener ahora lo mismo para las cuerdas. Entonces exactamente cómo lo hicimos con un número, escucharíamos un punto y luego obtuvimos todos los métodos que son posibles tener para los números que podemos tener también aquí para las cadenas, no iría con el más fácil y luego ir paso a paso al más grande uno o dos, más pesado. Entonces, en primer lugar, podemos tener un registro de consola directamente de un método de agitar dentro del log de la consola como si no tuvieras que crear una variable como puedo decir aquí. Dejar longitud, y luego digo x longitud de punto por ejemplo. Entonces de esta manera, voy a imprimir longitudes. Puede utilizar los métodos directamente en el registro de la consola. Entonces por cierto, esta longitud me está dando esa longitud de esta cuerda. Entonces, ¿cuántas letras o letras dentro de estas cosas? Entonces intentemos imprimir eso. Y veremos que tiene 25 personajes en incluir los espacios. Entonces esto es para PX. También hay otros métodos. Tengamos un registro de consola para ellos, para cada uno de ellos. Por lo que tendré aquí x punto. Y podemos tener, por ejemplo, char at. Por lo que podemos tener aquí char add. Y cuando abres paréntesis y pones un número, te daría esa letra en ese lugar de ese número. Por lo que contaría a partir del 00123. Entonces pongamos tres, creo que obtendríamos n. Entonces cuando pongo tres aquí, dame el carácter char en la tercera posición. Entonces cuando guardo, ve aquí, tengo n. Entonces de esta manera se puede obtener un personaje específico de una cadena. Vamos a la consola log algo más para que puedas también aquí usar el método de las ticks traseras. Para que puedas, o también puedes usar una combinación normal. Entonces puedo decir aquí ese tarro a las tres. Entonces por ejemplo, y luego pongo un plus. Entonces en la salida será a las tres, será n. Así que puedes poner aquí también columna, Claro, así, vale, trabajo a las tres es n Así que podemos nombrar nuestros métodos, todos ellos así. Entonces vamos a copiar este y recoger otro método. Entonces puedo decir aquí también, x dot concat, x two dot concat, se concat estimando como si fuera exactamente como lo hicimos con este igual. Por lo que vendré a esta cuerda con otra cepa. Por ejemplo, podemos decir aquí una variable como esta, mito. Entonces concat x con a. Así que podemos decir aquí no Jar agregar, pero decimos CONCAT. Por lo que ahorramos, refrescamos concat. John es amigo del mito. Entonces aquí tuvimos las dos veces porque ya teníamos un año y también lo concatenamos con otra a. Así que conseguimos también timo. Por lo que podemos agregar, también escuchar nuestra propia cuerda. Entonces podemos tener aquí algo como fin, como Peter. Para que podamos ahorrar, ve aquí. Diremos unirse es amigo de Smith, contacto o concat y Peter. Por lo que también puedes poner espacio aquí. Por lo que x se combinó con un Peter. Entonces es exactamente así. De acuerdo, Pasemos a otro método. Entonces vamos a copiar de nuevo este registro de consola, otro método. Por lo que se puede decir aquí como x punto índice off. Y se puede dar algún carácter. Por lo que se puede decir que quiero índice de o. Por lo que verá la primera ocurrencia de todos como aquí en John y devolverá su valor. Entonces podemos decir aquí, indexar. Y luego decimos Aquí todos y guardamos índice de todos. El primer ocurrencia de todos está en la posición uno. Entonces 0, 1. Entonces tenemos aquí, John. Entonces vamos a tener aquí, por ejemplo, f trike y tener aquí F. F. F. Así que la primera ocurrencia es en la décima posición de f en esta variable X. Recuerda, estoy usando la variable X cuando quieres ver la última ocurrencia. Por lo que voy a ir aquí al registro de consola y voy a agregar el último índice apagado. Por lo que último índice de F. Vamos a ver. Por lo que aquí podemos reemplazarlo también. Y veremos que es 18 porque aquí tengo f y aquí tengo f. Entonces de esa manera, llegué al principio, llegué al principio, primero sucedió o primera ocurrencia, y la segunda o última ocurrencia de f También hay un gran método el cual se llama reemplazar. Entonces podemos decir reemplazar, reemplazar todas las F por mí por x. Así que puedes decir aquí, reemplazar. Entonces después de eso tenemos, tenemos que poner x punto, reemplazar todo f por x. Así que en lugar de, John es un amigo a va a ser extra y cantar como ves aquí. Por lo que Joan es x renta de Smith, y se ha cambiado sólo la primera ocurrencia también porque esta f no cambia. También hay otro método el cual se llama a mayúsculas. Por lo que también puedes usar o cambiar la frase a mayúscula. Entonces diré aquí solo a mayúsculas y no tienes que pasar ningún valor por ese comentario. Por lo que podemos tener aquí dos mayúsculas de x. Así que guardamos y refrescamos. Y veremos dos mayúsculas. Y como ven aquí, llegó a mayúsculas. Existen múltiples métodos de cadenas. Podrás revisarlos. Son muy fáciles. Pongo exactamente un ejemplo. Yo lo adjunté. Esta conferencia o en la siguiente conferencia con el código que escribí aquí. Para que puedas probarlos tú mismo. La mayoría de ellos, son fáciles, pero hay algunos de ellos lo haremos, veremos más adelante en las próximas conferencias cuando hablemos de matrices y objetos, adjuntaré esta hoja de tramposos para que puedas leerla y probar cosas a tu alrededor. La mayoría son fáciles y no te preocupes, totalmente. 28. Boolean: Te mostré antes rápidamente sobre los booleanos. También, podemos definir una variable booleana. variable booleana puede ser verdadera o falsa. Entonces de esta manera, les voy a mostrar cómo definen a este booleano. Normalmente booleanos, podemos nombrarlos de alguna manera como un nombre con empezar es. Entonces por ejemplo, es, por ejemplo, podemos decir que es grande o pequeño, es, decimos que está minimizado o es capital, o así. Por lo que puedes definir siempre la variable booleana de esta manera. Entonces definamos una variable que voy a llamarla como por ejemplo, está comprobada. Por lo que esta variable tendrá está comprobada. Por lo que puede tener un verdadero como este o puede tener también falso. Por lo que puede tener uno de dos valores. Entonces de esta manera, definimos un booleano. Por lo que el uso del booleano vendrá en condicional, por ejemplo, paréntesis o en condicional. Podemos decir alcance, como veremos más adelante. Al igual que cuando decimos como si esta variable tiene un verdadero, entonces haz algo más, haz algo más. Entonces veremos en el futuro cómo vamos a trabajar con si las declaraciones. Y sabremos más sobre los booleanos y su uso. Por ahora, booleano es un valor o es una variable que puede tener uno de dos valores, verdadero o falso. 29. Cómo verificar el tipo de una variable o constante: En esta conferencia, podemos ver cuál es el tipo de variable. Entonces cómo podemos conocer tipo de constante o una variable. Por ejemplo, como les dije antes, tendremos un miles de líneas de códigos. Entonces perderemos en el camino, qué es un tipo de la variable porque por ejemplo, la variable se define en algún otro lugar de algún archivo conectado y no podemos detectarla. Y a veces quiero decir como qué ejemplo, si el tipo de esta variable es un booleano, entonces haz algo como esto. O si la variable tiene un tipo de cadena, entonces haz algo también. Entonces de esa manera hay operador llamado typeof. Entonces definamos una variable. Nosotros lo llamamos, digamos vamos. Y podemos decir tipo de variable como esta variable I. Y podemos dar un valor para esta variable como una cadena o vamos a darle otro nombre como para honrar tener confusión, voy a decir mi nombre. Entonces mi nombre voy a decir por ejemplo, graso. Entonces voy a consola log aquí la variable, así que voy a ver cuál es el tipo de la misma. Entonces diré aquí, usando la palabra clave que se llama teclear como una palabra y todas sus letras pequeñas. Después pones espacio, y luego pones la variable que quieres saber el tipo. Entonces después de eso ahorramos. Y veremos en el registro de la consola después de refrescar el tipo de esa variable. Entonces me refrescaré y veremos que nos dieron una cuerda. Por lo que todos los registros de consola pasado. Y también tenemos este log de consola en la línea 26, que está diciendo que el tipo de esta variable es string. Entonces vamos a darle como por ejemplo, un número para que podamos cambiarlo a un número, refrescar, bien, Como ves, es un número que le está dando, por ejemplo, un valor falso, como si fuera booleano. Entonces como ven aquí, tenemos un booleano. Entonces démosle nada. Por lo que podemos decir solo deja mi nombre sin asignar ningún valor. Entonces veamos qué pasará cuando nos refresquemos. Cuando nos refrescamos, obtuvimos algo llamado indefinido. Tan indefinido es también tipo de variables de las que vamos a hablar en la próxima conferencia o en las próximas conferencias porque indefinido es algo no se inicializa. Entonces esta variable no inicializada con ningún valor, como si no tuviera cadena, no tiene número, y no tiene Boolean. Entonces de esa manera, esta variable es indefinida. Entonces, en general, cuando se quiere comprobar un tipo de variable, sólo hay que decir tipo de mi nombre. Por lo que de esa manera, podrás obtener o recuperar el tipo de cualquier variable. También, puedes recuperar tipo de directamente algún valor como voy a decir aquí, mi nombre así. Y cuando me refresque, lo conseguiré como una cuerda. Entonces, o bien pasas una variable o puedes pasar directamente el valor. 30. Null y indefinido: Entonces como vimos antes, como cuando no asignamos ningún valor a esta variable, vimos que está indefinida. El tipo indefinido viene cuando no asignas o cuando la variable no tiene ninguna inicialización. Y también es un tipo como un número de cadena y también booleano. Por lo que podemos decir que puedo definir esta variable como indefinida como un tipo de ella. ¿ De acuerdo? El otro sujeto o el otro valor que se puede dar, o el tipo que se puede dar a una variable es nulo. Nulo también es como nada, como no lo es, no tiene ningún valor, no tiene ningún tipo. Tan nulo nos está dando la sensación de que esta variable no tiene ningún valor. Y además, como no podemos decir tipo de ojo, no espero de él, como me voy a conseguir una cuerda o voy a conseguir un número. Por lo que el valor null se usa normalmente cuando se desea asignar una variable por nada. Por ejemplo, esta variable que puedo decir está comprobada, tiene un valor antes y quiero inicializarla sin nada. Entonces tienes dos vías. Al igual que uno de ellos es que se puede decir que esto es indefinido, como esto no se inicializa o no se inicializa. O puedes decir que esto es nulo, como que ambos están bien, pero lo más estadounidense y te aconsejo que uses no es de valor. El valor nulo no es igual a indefinido. Ten cuidado, como si dices que si esto es igual a esto o este indefinido igual a nulo, no vas a salir adelante. Por lo que son totalmente diferentes. Entonces ninguno lo es todo. ¿ Cuál es nuestro tipo de todo lo que no se menciona antes? Y siempre referirse por nada o vacío o se desconoce el valor. Por lo que normalmente ese indefinido se reserva como un valor de inicialización predeterminado para cosas no asignadas o variables no asignadas. Entonces cuando definas una variable, obtendrás como indefinida. Es mejor no asignar indefinido por ti mismo. Además, cuando se quiere asignar un valor que es como si no tuviera ningún valor. Al igual que podemos decir una variable, no tiene ningún valor. Es mejor darle un nulo, no indefinido. 31. Operación de coalescing en nudo: En JavaScript, hay una manera como puedes dar un valor de suma variable de otro valor como vimos antes. Pero cuando esto, otra variable no tiene ningún valor, podemos darle un valor predeterminado. Entonces vamos a explicar eso. Entonces, en primer lugar, puedo definir una constante y la llamo mi, por ejemplo, nombre dos o el segundo nombre. Entonces diré que esta variable es igual a mi nombre. Pero en un caso, mi nombre tiene un valor nulo. Puedo decir que mi nombre a con obtener un valor por defecto. Entonces cómo puedo hacer eso por ahora, vale, podemos guardar, también podemos hacer un registro de consola para esta variable que he definido, que se llama Mi Nombre dos. Y entonces vamos a conseguir, así como esta variable. Por lo que vamos a conseguir en la consola nulo. Entonces tenemos aquí nulo. Entonces ahora voy a demostrar que, por ejemplo, esto tiene un valor, voy a decir como por ejemplo es graso, nuevo, como mi nombre. Entonces llego aquí como el tipo es cadena y mi nombre es bastante el registro de consola por asignación de esta variable, mi nombre a mi nombre también. De acuerdo, así que de esa manera, cuando diga Ok, mi nombre, está bien, obtendremos el mismo valor de eso, mi nombre. Pero quiero decir si este, mi nombre es indefinido o aún no inicializado, entonces puedo dar por mi nombre a algún valor predeterminado. Entonces diré aquí para hacer eso, puedo poner dos interrogadores. Y luego di el valor por defecto, que quiero. Por ejemplo, diré mi apellido hasta ahora, el noaa. Entonces de esta manera, cuando guarde y mi nombre sea indefinido, entonces voy a conseguir por mi nombre a este valor que se llama no. Entonces esto es como una comprobación de conocimiento o conocimiento. Podemos decir conocimiento operador coalescente. Entonces de esa manera, mi nombre para obtener esto como valor predeterminado cuando mi nombre está indefinido. Entonces intentemos eso. De acuerdo, Como ves, este valor o esta variable es indefinido. Y obtuvo este valor, que es como la segunda opción para después de este operador de conocimiento. Entonces cuando le dé un valor a mi nombre, así diré aquí viernes, vale, esto ahora está definido. Tiene un valor que se llama graso. Guardamos y refrescamos, vale, que nuestra variable, mi nombre dos, podemos decir aquí para tenerlo más fácil, mi nombre dos iguales. Y podemos poner aquí plus solo para aprender e igual a mi nombre. Entonces vamos a ahorrar. Inténtalo de nuevo. Perdón, tengo aquí guardar. Entonces mi nombre dos es igual a graso. Pero cuando esto es indefinido, entonces me refresco. No tiene, porque aquí tengo este valor o este valor predeterminado. Entonces toma por defecto este si éste no está definido o nulo. Entonces, cuando le doy esto a null también, pasará al valor predeterminado. Por lo que esto es muy bueno para inicializar variables. Cuando no estás seguro de que alguna variable tenga nulo o indefinido, entonces puedes asignar un valor predeterminado, que será seguro para esa variable. Veremos que en materias más académicas o en más avanzadas, cómo vamos a operar todas esas cosas junto con ifs y bucles. Y también en el contexto de su código. 32. Operadores de comparación: Sabemos tal vez operadores de comparación de las matemáticas y también están disponibles en JavaScript. Entonces supongamos que tenemos dos variables. Diré aquí, que un, por ejemplo, es un número como dos. Y además dejar b es un número como cinco. Entonces ahora puedo decir como un más grande que B o como ser más grande a.Entonces de esa manera puedes definir todos esos operadores de comparación también en JavaScript. Y también se puede comprobar si estas dos variables son iguales entre sí. Entonces, ¿cómo podemos hacer eso? Intentemos volver a iniciar sesión de consola. Entonces es por eso que TI al, por ejemplo, el registro de la consola para ver resultados frente a usted. Entonces diré, por ejemplo, a es mayor que b. Entonces esto comparará para mí a con B. Si a es mayor que b y devolverá el valor de verdadero o falso. Entonces podemos comprobar que en el navegador, me refresco, me puse falso porque realmente es cierto que a no es más grande que B, pero es menos que. Entonces puedo decir aquí es más pequeño que, así que cuando nos refresquemos, entonces me pondré como cierto. Entonces con estos signos, se puede decir que todos esos operadores de comparación de matemáticas, también se pueden definir en JavaScript. Entonces también se puede decir que si un más grande o más pequeño o igual, como se puede decir así, si es más pequeño o igual. Y también se puede decir mayor que o igual. Entonces de esta manera, cuando a es más grande que b, volverá verdadero. Cuando a es igual a b, volverá verdadero también. Entonces intentemos eso. Daré a un valor ocho. Entonces vamos a refrescarnos. Y vas a conseguir un verdadero y también un yo pongo como un como cinco, entonces son iguales entre sí y yo me pondría así a través. Entonces que si quiero, como, por ejemplo, digamos, como mostrarte el otro ejemplo si un menor o igual. Por lo que voy a pasar también porque es igual. Entonces vamos a dar un, como un valor más grande. Entonces podemos decir, o menor valor. Entonces podemos decir que vamos a pasar igual de bien si le damos mayor valor, ahora a es más grande que b, por lo que esta condición no se logra. Entonces voy a decir aquí o voy a llegar aquí falso. Por lo que de esa manera se puede comparar entre las variables. Lo que nos falta ahora es igual sólo yo no quiero mayor o menor e igual. Entonces podemos decir también, sólo iguales. Entonces solo igual cuando pones eso, es condicional. Por lo que es verificar entre dos variables o dos valores juntos. Se igualan o no. Entonces cuando digo que es a igual a 4 b, no, falso. Cuando pongo a es igual a b, entonces voy a conseguir un verdadero. Entonces de esa manera sabemos que a b igual o no. ¿ De acuerdo? Yo también puedo comprobar si no es igual. Entonces puedo decir aquí con no, así que esto no es, así que digo no igual. exclamación significa no igual. Entonces de esa manera, diré que si a no igual a b, así volverá para mí un verdadero, como ven aquí, me refresqué, conseguí un verdadero. Entonces pongámoslos iguales el uno al otro. Pondré aquí cinco. Y me puse falso porque son iguales el uno al otro. Entonces aquí estoy solicitando si no son iguales o no. Entonces si de esta manera puedo decir como cuando tengo un valioso o como puedo definir unas condiciones en mi secuencia de código. Digo que si alguna variable no es igual a alguna variable, los Zen hacen algo. Por lo que estos operadores de comparación, se utilizan en JavaScript exactamente cómo los estamos usando en matemáticas. Entonces para eso, quiero que se formen en operadores de comparación para ver en el futuro cómo vamos a trabajar profundamente con ellos y hacer nuestra lógica de nuestros programas. Entonces esto es con número. ¿ Y si tengo, como, por ejemplo, dos cuerdas juntas? Por lo que las dos palabras es comparar letra por letra. Por lo que voy a decir aquí un like como una cuerda. Y aquí voy a decir z. Así que voy a poner aquí x0. Entonces voy a comprobar si un más grande que zed, mira, son cuerdas, para que podamos comprobar eso. Por lo que voy a guardar, refrescar. Me puse falso. De acuerdo, es igual más pequeño que b, ¿de acuerdo? Es una verdad. Por lo que está comprobando también órdenes de las cuerdas. Entonces si digo como un zed a, E. Entonces comprobaremos si un menor que B. Así que comprobará carta por carta. Por lo que yo diría que un es más pequeño que eso. Entonces estamos hechos. Si un más pequeño que z, entonces bien, estamos hechos, pero ¿y si ambos son a? Entonces voy a comparar a y a son iguales, entonces se moverá al segundo personaje automáticamente y los revisará juntos. Z es más pequeño que e. No, nos va a dar falso. Como ven aquí, es falso, pero cuando cambie esas letras, así que aquí son iguales, vale, así que no tiene ningún valor, por lo que pasará a la segunda letra. Se comparará H-I con Zed. Por lo que comprobará si E es más pequeño que eso, entonces eso es a través, nos daría un verdadero. Entonces esta es la forma en que se puede comparar también, las cuerdas. ¿ De acuerdo? ¿Y si tengo a y B tú de diferente tipo? Por ejemplo, diré que tengo un aquí como dos y aquí lo tengo como número, como uno podemos decir. Entonces aquí hay dos como una cuerda y uno es como un número. Entonces vamos a ver si la compresión también funciona. Por lo que voy a guardar, refrescar. Me puse falso. Entonces a es menor que b es falso. ¿ Y si pongo más grande o mayor que? Probemos eso. Yo logré pasar. Entonces de esa manera, esto es igual a algo, como dije, a es igual a 2 sin cadena. Por lo que la compresión intentará cambiarlo a un número y luego los compara juntos. Entonces de esa manera, también se pueden comparar diferentes tipos de viables juntos. También, podemos decir que si a es igual a verdadero y esto ser igual a uno. Por lo que también puedes compararlos si son iguales entre sí. Probemos eso. Veremos que se devuelve para nosotros verdad. Tan cierto es igual a uno, pero no igual a 0. Entonces intentemos eso. Sí, es falso. Tan falso lógicamente es 0 y también a través es uno. Entonces de esa manera, se puede ver aquí tenemos verdadero porque falso es igual a 0 como estamos comparando aquí. 33. Comparación === = y ==: Hay algo en JavaScript que se llama igualdad estricta. La igualdad estricta es un control regular de igualdad. Pero este cheque regular de igualdad que teníamos antes como este tiene un problema. No se puede diferenciar entre 0 de caídas, como se ve aquí, porque siempre está devolviendo un verdadero. Pero en las mismas cosas suceden también cuando tienes una cadena vacía. Por lo que tengo aquí como una cadena vacía y quiero compararlos juntos, salgo adelante. Por lo que la cadena vacía es igual a falso también. Esto sucedió porque los operandos de diferentes tipos son convertidos en números por operador de igualdad. Y luego la cadena vacía es igual que falsa, se convierte en 200. Entonces la cadena vacía es igual a 0 porque se convierte a número como vimos antes. Entonces, ¿qué hacemos si realmente queremos diferenciar entre el 0 y la cadena falsa o vacía y la falla o lo falso. Por lo que como operador de igualdad estricta, comprueba la igualdad sin conversión de tipo. Entonces de esa manera, cuando pongo un 3 iguales juntos, digo comparar para mí los valores y también los tipos. Entonces cuando tengo aquí con dos iguales es cierto, entonces lo tendré ahora cae porque estoy comparando así si a es o tiene el mismo tipo de B. Así que cuando guarde, me voy a poner falso porque no son iguales entre sí como bien cuando lo hago con 0. Entonces, como ves, todavía me estoy volviendo falsa. Por lo que es mejor usar siempre todas estas estricta igualdad en todos nuestros programas porque entonces diferenciamos entre los tipos. En otras palabras, si a y B son de tipo diferente, entonces este operador o tres iguales, estamos inmediatamente devuelven falso sin ningún intento de convertir estos dos números o la cadena vacía a un número también. Lo mismo va a la no igualdad. Entonces tengo que decir como cuando quiero saber si alguna variable no es igual a otra, necesito también estricto el tipo. Entonces quiero saber si realmente tampoco son iguales como un empatado juntos. Entonces aquí, es realmente cierto que no son iguales entre sí. Pero si llego aquí ese operador o uno igual, entonces voy a llegar aquí falso en lugar de a través porque tienen ahora, bien, diferentes tipos, pero mismos valores de la lógica JavaScript. Entonces aquí voy a conseguir a es diferente a b, me pongo falso. Pero cuando obtengo es un tipo diferente a b y diferente. Sí, es cierto. Entonces por eso estamos obteniendo todos estos valores. Como te dije, es mejor siempre cuando usas la conversión para comparar también el tipo. Lo mismo IS va a nulo e indefinido si quiero comparar lo nulo e indefinido. Entonces, por ejemplo, si hablamos antes, dijimos que nulo no es igual a indefinido. Entonces puedo decir aquí, pongamos igual primero. Entonces, vamos a la consola regir eso. Voy a conseguir para eso un verdadero, vale, Nulo es igual a indefinido. Pero como les dije antes, null es diferente tipo de indefinido. Tienen su propio tipo. Entonces cuando ponga aquí otro igual, entonces voy a conseguir que esto sea falso porque ahora estoy comparando los tipos juntos. Ninguno tiene un tipo diferente al indefinido. 34. El operador ternario: ¿ Recuerdas antes te dije que podemos usar operadores de comparación con una bandera con declaración IF. Ahora tenemos en JavaScript moderno como en línea si quiero explicarlo antes de la declaración if, que es más fácil de entender y vamos a entender la declaración IF fácilmente. Entonces ahora asuma que tenemos a y B. Voy a decir como otra vez aquí que tenemos a tiene 0 valor uno, y también B tiene un valor 2. Entonces de esa manera los voy a comparar y dar un valor para una variable que se llama C. Así que diré que si una mayor que B, entonces C tendrá un valor, por ejemplo, o cinco. De no ser así, entonces tendrá un valor diez. Entonces cómo podemos escribir eso en el código. Entonces diré aquí en definir una variable que se llama c, que es igual a este valor, que es resultado de comparación entre a y B. Así que diré aquí una mayor que B. Entonces pongo el condicional si, que es signo de interrogación después de la declaración. Entonces digo aquí la declaración de comparación, y luego pongo un signo de interrogación. Entonces si esto está devolviendo un verdadero, entonces C tendrá un valor cinco. Si no, entonces con colon, diré que este valor tendrá 10 o C tendrá entonces. Entonces después de eso, Eso es consola log el valor c y vamos a eliminar este. Y veremos ahora que C obtendrá ya sea este valor o este valor en base a la comparación entre a y B. Así que vamos a guardar eso y tratar, vale, mira, GOT ten ten. ¿Por qué? Porque a no es más grande que b Así que cuando a es más grande que B, así C obtendrá 5. Entonces pondré aquí, por ejemplo, 10, luego C obtendrá cinco porque es realmente más grande que b Así que aquí puedes poner cualquier operador de conversión que obtuvimos antes. Entonces cuando quiero decir si a igual a b, entonces c obtendría ese valor. Por lo que de esta manera, se puede comparar o asignar un valor a una variable en función de alguna condición de otra variable. Por lo que yo diría aquí por ejemplo, si a es igual a 10, entonces dar C también asistir. Entonces digamos o lamentemos cinco. Entonces de esa manera estamos haciendo una conversión y asignamos valor a una variable, inicializándola con una de esas dos variables. Entonces todos esos valores, recuerden, tuvimos que interrogar, que es como asignar un valor predeterminado. Y también cuando esto, por ejemplo, a es indefinido. O podemos tener este operador ternario. Y este operador ternario es como la declaración IF para la competencia entre dos valores y dándote el resultado en base a eso. No se trata sólo de comparar valores. Se puede decir, por ejemplo, tengo aquí una variable, podemos llamarla, por ejemplo zed. Y el zed tiene un valor verdadero. Por lo que tiene un verdadero como en algún lugar antes en mi código. Entonces digo aquí, vale, comprueba por mí, es que si es verdadero regalo ver cinco, si no, entonces dale diez. Como ven, obtenemos cinco. Pero cuando eso sea falso, entonces C obtendrá 10. Entonces de esa manera, también puedes definir cualquier booleano dentro de este operador y comprobarlo. Por lo que comprobar este valor aquí o esta conversión está devolviendo verdadero o falso. Por lo que debe regresar para ti, verdadero o falso. 35. Operadores lógicos: En JavaScript tenemos también los operadores lógicos como AND, OR y NOT. Entonces si recuerdas, hablamos de NAT. Por lo que puedo decir no algo y tampoco igual o mayor que, y lo usamos mayormente con no igual. También puedes usar operador AND. Entonces puedo decir aquí en nuestro ejemplo, como para mí, Vamos a dar un zed y dejar, dar una y, y este y tendrá un verdadero. Entonces puedo decir aquí, si zed y por qué? Al igual que si es falso y un verdadero, entonces da un valor cinco y también da un valor diez cuando es falso. Entonces, vamos a explicarlo de manera más clara y fácil. Olvidémonos de este C y eliminemos este registro de consola para no tener ninguna confusión o vamos a comentar. Entonces podemos comentarlo como les dije antes. Y ahora podemos decir, vale, registro de consola para mí, como Z e Y. Así que puedes decir aquí Y operador es dos ampersand t2 veces. Y luego puedes usar el operador AND o la lógica final. Por lo que consolará para mí falso y verdadero, entonces será falso porque y es como por ejemplo, la parte lógica para eso. Entonces llego aquí lo falso. Pero cuando diga esta zed o como esta con columnas, dos columnas, entonces voy a pasar porque y es verdad. Entonces estos son los operadores lógicos que tenemos en matemáticas. Entonces de esa manera, también puedes hacer compresiones como cuando dices cuando a es más grande que b o y, por ejemplo, entonces lograrás pasar, por ejemplo, aquí tenemos a es más grande que b, o adivinando aquí, lo siento, B. Entonces tendremos aquí como todo y, entonces es verdad. Entonces cuando lo imprimamos un verdadero, pero cuando digo aquí y ya lo dije, entonces voy a pasar también porque esta parte está regresando para mí un verdadero, entonces verdadero o falso es cierto. Entonces ahora vamos a dar, por ejemplo, como y así voy a decir aquí, como esta lógica, podemos decir verdadero y falso. Volvemos por mí ¿qué? Falso. Por lo que el operador lógico en matemáticas está siguiendo de esa manera. Y así y o es así. 36. Precedencia de operarios: Eso también es precedencia de operador en operadores lógicos. Entonces puedo decir aquí como por ejemplo, zed y por ejemplo, Y, y una más grande que B. Así que se puede tener múltiples presidentes, por lo que una precedencia aquí que AND, O operadores lógicos son siempre más fuertes que el, por ejemplo, que los operadores de conversión. Entonces de esta manera que esto se ejecutará primero y luego esto se ejecutará primero, como un verdadero resolver o disolver todos los valores a verdadero o falso, y luego la conversión o el operador lógico hará el trabajo. Entonces, en primer lugar, resolvemos todos estos operadores de conversión, y luego hacemos la, por ejemplo, la lógica para eso. Entonces vamos a tener un ejemplo que es como más complicado. Por lo que me gustaría explicarlo en un valor. Por lo que voy a decir aquí es que es otro también cierto o dos. Y también es y, podemos decir 5. Entonces combinemos múltiples operadores lógicos. Entonces diré aquí, si un más grande que B, y podemos decir que b es más grande que 0. Por lo que podemos decir aquí ser más grandes que 0. Y también podemos tener un es más grande que Y. Entonces de esa manera, habremos disuelto todos esos operadores. Entonces intentemos eso. De acuerdo, nos pusimos falsos porque B no es verdad, porque es falso porque b y z son iguales entre sí, por lo que no están a través. Entonces cuando ponemos esto igual como mayor que o igual, entonces esto volverá verdadero porque esto es cierto. Y B mayor que z es verdad, y un mayor que y es cierto. Entonces, ¿qué pasa si ahora, si pongo como operador lógico diferente, como voy a poner un año o por ejemplo, así que pongo aquí o como a o mas grande que b, o b mas grande que 0 y una mas grande que b Así que cuando presiono Guardar más bonito ese glucógeno que instalamos, reformateó para mí el código para estar de esta manera. Entonces tengo aquí un más grande que B o este operador. Por lo que resolverá primero este 1 y luego lo comparará con OR. Entonces en esto, con este patrón, esto es, hicimos precedencia al operador. Entonces dijimos que resuelva para mí este más justo y luego compararlo con el uso o operador lógico con el resultado de a y B. Así que puedes decir también aquí si tengo una y por ejemplo, puedo decir aquí y una más grande que como por ejemplo, ocho o seis. Entonces como ves, todos se resuelven primero y después, o se está cuidando de los resultados de ambos operadores. Entonces de esta manera, logras la precedencia del operador de una manera que puedas trabajar con él más claro con tu estilo de codificación. 37. Condición usando si de la misma: En la programación en general, a veces necesitamos realizar diferentes acciones basadas en diferentes condiciones. Vimos antes que tenemos algunas declaraciones que devuelven falsas y algunas de ellas devuelven verdaderas. Entonces en base a eso, puedo decidir hacer algo en mi código. Por ejemplo, te diré eso, vale, si yo, el usuario puse la contraseña equivocada, entonces le mostraré un mensaje de error. O cuando el usuario pone la contraseña correcta. Entonces lo dejaré ir a la página de inicio o al tablero de mi aplicación. Entonces en base a eso, puedes cambiar el comportamiento de tu, por ejemplo, la aplicación, y también la secuencia de la misma. Por el momento que te voy a mostrar cómo construir las condiciones y cambiar su comportamiento de tu aplicación en base a algunas condiciones. Entonces supongamos que tenemos dos variables. Primero uno se llama a y tenemos un valor de la misma como cinco. Y también tenemos b y el valor de la misma es uno. Entonces en base a alguna decisión como quiero comparar a y B, haré algo basado en esa comparación. Entonces para hacer eso, aprendimos antes que puedo comparar y B con un mayor que o menor que. Entonces con eso, también podemos decidir qué hacer después de la comparación, porque un mayor que b puede regresar para mí verdadero o falso basado en los valores de a y B. Entonces la sentencia if evalúa una condición entre paréntesis, y si el resultado es una true, ejecutar un bloque de código. Entonces, ¿cómo podemos hacer eso? Entonces puedo colocar un if, y puedo colocar esos paréntesis. Y entre esos paréntesis, algo debería ser un booleano, como el resultado de H sería Booleano Verdadero o falso. No importa cuántas condiciones y cuántas relación condición lógica entre ellas tengas. Entonces podemos empezar simple, como voy a decir, si a es más grande que b, entonces puedo hacer algo. Usemos el registro de la consola. Entonces diré aquí que tienes que abrir llaves, que te dije que contendrá el código ejecutable de ancho de bloque. Entonces como les dije, colocaremos entre ellos, si esta condición es cierta, que colocaremos entre ellos como algún log de consola, Digamos que tengo un console.log. Podemos decir que a es más grande que b. Entonces de esa manera veremos en el registro de la consola alguna lógica o algún mensaje que dice a es más grande que b, en caso de que a es más grande que b realmente. Entonces guardemos eso y actualicemos. Y ya veremos, vale, a es más grande que b. Entonces eso intentó, pero si pongo, por ejemplo aquí que Digamos que a es 0. Entonces ahora a es más pequeño que b, por lo que no más grande. En ese caso, no voy a ver nada. Por lo que el código o la secuencia del código no ingresó aquí para ejecutar el registro de la consola porque si condición no es, por ejemplo, válida porque esto está devolviendo un falso como vimos antes. Entonces cuando este retorno falso, entonces el bloque no se ejecutará. El código dentro del bloque. Por lo que puedes colocar tanto como quieras código dentro de este bloque. Entonces cuando se logre esta condición, entonces todos esos serán ejecutados. Entonces veamos que pagaré aquí o pondré aquí cuatro. Y luego veremos que a es más grande que B y el código se ejecutó dentro de ese bloque. Entonces como les dije, todo, retorno lógico condicional verdadero o falso está aquí. Incluso se puede establecer una variable. Entonces puedo decir aquí si a través, entonces si a es verdad, entonces ejecuta ese código. Si a es falsa, entonces no se ejecutará el código. Por lo que refrescamos, veremos lo mismo. Entonces si pongo aquí B como falso, entonces veremos eso. Entonces tengo que revisar B. Entonces veremos que este código no se ejecuta porque esto es falso. Si dices a y B, entonces te pondrías falso porque verdadero y falso es falso. Pero si ponemos, por ejemplo, o como cómo conectamos dos condiciones juntas, entonces es cierto porque verdadero o falso es cierto. Entonces puedes hacer cualquier lógica que quieras aquí para colocar algún código específico basado en la lógica como te dije, si el usuario ha iniciado sesión o el valor de inicio de sesión del valor variable es verdadero, entonces permitimos que el usuario redirija al panel. De lo contrario, no lo permitimos y lo dejamos o le mostramos algún mensaje de error de que su contraseña está equivocada. 38. Verdad y falsa: ¿ Qué pasa si paso un número a una F o una cadena, o cadena falsa, o algún número diferente o objeto vacío o algo así. No un booleano como te dije, como no una lógica. Por lo que el resultado de eso se llama veraz o falsedad. Por lo que de esta manera, JavaScript manejará algunos valores específicos como la verdad o como falsos. Entonces veamos qué es veraz y defectuoso. Por lo que normalmente los desarrolladores cayeron en errores por eso. Entonces te mostraré como primero, ¿cuál es el concepto? Y entonces te explicaré cómo puedes caer en una trampa o error de si veraz y falsy en JavaScript al valor Russi es un valor que considera a través cuando se encuentra en un contexto booleano. Por lo que todos los valores que se pasan al EF se consideran como ciertos como veremos ahora. Entonces, en primer lugar, si digo si es cierto como vimos en la conferencia anterior, vale, esto se considera a través y se ejecutará ese código. Entonces intentemos eso. De acuerdo, tenemos aquí es verdad. Entonces, movamos su registro de consola al siguiente. Si pongo un número entre los corchetes o los paréntesis, ¿qué se considerará de esta manera? Por lo que cualquier número, positivo o negativo se considera como un verdadero. Entonces cuando digas Si número este es, se transferirá a un valor verdadero y luego se ejecutaría el código dentro del, si. Probemos eso. Refresh tiene que ver su consola anotada y esto si se ejecuta, por lo que este bloque se está ejecutando también. Entonces también, si pones 0 en una cadena, entonces se considera como una verdadera porque cualquier cadena, no cadena vacía se considera como una verdadera. Entonces cuando dices si 0 o algo así, entonces se considera como un verdadero. Entonces movamos este registro de consola. Se puede mover en Visual Studio Code usando la tecla ALT y las flechas. Por lo que puedes usar cualquier declaración cuando pones el ratón sobre ella. Por lo que tecla Alt y las flechas arriba o abajo, moverás el enunciado en la línea. Por lo que esto será en Visual Studio Code. Y también puedes usar la tecla Opciones en Mac OS. Por lo que ahora he colocado aquí el registro de consola en el 0, pero como cadena, no como un número. Entonces cuando actualicemos, veremos que se ejecuta y tenemos el registro de la consola. Pero si pongo si 0, así, 0 se considera tan falso como vimos antes. Entonces si transferimos eso a falso y entonces nada se ejecutaría aquí. Vamos a refrescar el hockey. Aquí no tenemos nada. Entonces después de eso podemos ir a otra parte complicado con es como falso. Entonces si pongo falso así, esto se ejecutará o no. Entonces intentemos eso. De acuerdo, es verdad, ¿por qué? Porque esto es una cuerda, no es una verdadera ni falsa. Es un booleano. Pero cuando es booleano así, si es falso, entonces no se ejecutará porque el resultado de si es falso. Pero debido a que esto se considera como una cadena, entonces es cadena completa, entonces se transferirá a true. Es como caídas como cualquier cuerda, nada más. Y como ya les dije antes que cualquier número puede ser considerado también a través de similares es cierto. Por lo que tenemos también el número negativo. Lo mismo le va a las carrozas. Lo mismo va también al número flotante negativo y también lo mismo para el infinito. No hablé de infinito antes. El infinito es un número que se refería al infinito como número infinito. Entonces de esa manera, tenemos el infinito como un negativo e infinito positivo. Por lo que aquí los tenemos todos a través del porque son considerados como un número. Mira, estoy poniendo el mouseover y estoy consiguiendo infinito es número. También, hablaremos de objetos más adelante. Por lo que también los objetos vacíos, se consideran como veraces. No tienes que preocuparte por eso. Veremos los objetos más adelante, pero ten en cuenta que los objetos vacíos también son veraces. Te lo mostraré más tarde y te lo recordaré más tarde. Entonces en todas partes es como aquí, también matriz vacía también, que es como también matriz. Hablaremos de las matrices más adelante también. Es lo similar, como podemos decir objetos, podemos poner lo mismo. Si es una matriz vacía, entonces se considera como una verdadera creando un objeto de algo o alguna clase, como veremos más adelante, que se llama fecha. Podemos crear una nueva fecha de su hora actual en tu PC. Esto también se considera como veraz. Veremos también esto más adelante. Por lo que todos esos son considerados como Rosie, la parte más importante quiero que se centren en esos dos. Entonces cuando tienes caídas en la cuerda, es cierto. Y si tienes 0 como, como cadena, también es cierto. Por lo que quiero que tengas cuidado con esos puntos. También en JavaScript, hay un concepto que se llama falsy. Entonces como ven aquí, tenemos una verdad y tenemos falsy. Entonces esos valores que no son booleanos pueden considerarse como un falso, por ejemplo, cae porque es booleano, por lo que es falso. También, nulo se considera como falso. Entonces cuando tienes si es nulo, entonces significa que esto no se ejecutará. Entonces cuando pongo aquí un registro de consola dentro del if null, esto no se ejecutará. Entonces puedo decir año, es falsedad, entonces no se ejecutará. Probemos eso. Veremos que no conseguimos nada. Tenemos sólo es verdad para nueva fecha. Pero ahora si lo quito, entonces no tenemos nada. También considerar indefinido es falsy también. Entonces si dices si indefinido apagado o si alguna variable es indefinida, entonces en este caso, no ejecutaremos el corchete entre el IV. Por lo que también va con 0 y menos 0 y no un número y también cadena vacía, todos ellos considerados como un falso. Entonces cuando tengo una variable, tiene un valor 0 o menos 0, o indefinido o no un número o cadena vacía. Entonces en este caso, no ejecutaremos ninguno de esos ifs. Por lo que no tendremos ningún código ejecutado dentro de esos corchetes de estos. Entonces este es un concepto de veracidad y falsedad. Espero que lo entiendas. Por supuesto, veremos más adelante más avanzado, por ejemplo, experiencia trabajando con lo práctico. Entonces verás cómo puedes considerar cuando tienes que decir que es falsedad, todo es verdad. El punto más importante que quiero considerar, algunas personas dicen está como bien, si tengo una variable y si quiero decir si x, así que hay que saber qué es un valor de x para estar seguros de que esta afirmación if, sería ejecutado o no. 39. Si ...: En esta conferencia, vamos a hablar de si lo demás. Entonces si esto no es falso o si no es cierto, entonces tenemos otra opción que hacemos. De lo contrario, como digo, si no quiero ir, por ejemplo, a otro museo, iré a aparcar. Entonces de esta manera, tienes también esta lógica. Entonces cuando dices algún valor, si no es cierto, entonces puedes tener otra. Entonces pongamos aquí un comentario para que puedas descargar ese código. Por lo que voy a decir aquí sobre si lo demás. Entonces en este comentario, vamos a tener una variable. Yo lo voy a dar como un valor que es cierto. Por lo que voy a decir que B es A regla. Por lo que podemos decir aquí en r2. Y entonces voy a decir si ser como si B es verdad, entonces ejecuta para mí que podemos decir tener un log aquí, podemos poner consola dot log y ponemos B es verdad. Este es el ejemplo más simple. Y entonces no tienes que decir si no B, puedes decir otra cosa, como en cualquier otro caso, cuando no se logra B o esta condición, entonces puedes hacer otra cosa. Entonces diré que el log b de consola es falso. Entonces de esa manera, cuando se tiene B es cierto, se ejecutará esto. De no ser así, ejecutará éste. Entonces intentemos eso. De acuerdo, tenemos un error. B ya ha sido declarado. Entonces si recuerdas, aquí hemos declarado esta variable. Entonces llamemos a este como C. Así puedo ir aquí y darle SE. Por lo que hay que tener cuidado al nombrar a sus variables para no tener ningún error. Entonces ahora tenemos c es cierto, ¿verdad? Es cierto. Pero cuando lo pongo como falso, entonces, vale, C es falso. Tengamos otro ejemplo. Entonces diré como por ejemplo, 20, más grande que tres. Está bien, vamos a ver. C es cierto. Por lo que el resultado es cierto siempre cuando esta condición se logra o cuando esto es como una verdadera. Para que podamos cambiarlo son bout back. Podemos decir que 20 es más grande, así que tenemos todos más pequeños. Entonces tenemos C es falso porque este enunciado resulta falso. Entonces como pregunta para ti, si elimino aquí todo, ¿cuál será el resultado? Yo quiero que lo pienses. Entonces la lógica dice eso, ver ahora no tiene ningún valor. Entonces lo que tiene, ¿qué es un valor de z indefinido? Por lo que de esa manera, no se irá indefinido o no se considerará como un verdadero. Por lo que irá a falso. Entonces intentemos eso. De acuerdo, C es falso. Entonces este es un concepto que te hablé de verdad y falsedad antes de que te tengas que preocupar. Entonces cuando C no se inicializa, entonces se considera como indefinido. Entonces de esta manera, puedes ejecutar lo demás. Entonces esta es la lógica de uso más simple entre si lo demás, veremos más detalle en el futuro con unos ejemplos prácticos y también con los cuestionarios. 40. Bailen con mientras mientras se se esté de tiempo: En JavaScript, siempre necesitamos repetir algunas acciones. O en la programación en general, es necesario repetir algunas acciones para que sucedan hasta que se logre alguna condición. Por lo que no puedo decir imprimir para mí o registro de consola para mí, como de uno a diez hasta que alguna condición sea falsa. Entonces, ¿cómo podemos hacer eso? Podemos usar mientras que en JavaScript, hay alguna palabra clave que se llama while. Y este lo puedes usar. Y entre alguna condición. En alguna condición, seguirá repitiendo, repitiendo, repitiendo hasta que esa condición se ejecutara o se terminara. Entonces exactamente como si aquí va a ser como alguna condición como voy a decir 10 más grande que B, entonces tienes que consola log algo también, exactamente igual. Entonces cuando esto sea cierto, entonces esto seguirá ejecutándose. No se ejecutará una vez como si, pero seguirá ejecutándose hasta que algún valor o este mientras se rompa, hasta que esta condición llegó a romperse de alguna manera. Entonces, por ejemplo, vamos a dar una condición simple. Voy a decir mientras es cierto. Entonces de esta manera como tenemos un verdadero, como mientras cierto. Por lo que cuando guardes, actualices tu página, obtendrás mucho registro de consola y ten cuidado de conseguir bucle ilimitado. Por lo que de esta manera obtendremos log de consola tiempos ilimitados. Entonces como ven aquí, tenemos casi ahora 100 salvaje a través se está destripando o se está repitiendo. Entonces de esta manera, hay que tener cuidado de no estrellar su navegador. Entonces pongamos aquí, retrocedamos y refresquemos la página. De acuerdo, ahora no puedo refrescar porque realmente se quedó atascado porque tengo bucle infinito. Por lo que necesito cerrar el navegador y volver a abrirlo. Por lo que para tener una condición o cambiar su condición donde la fauna silvestre, puede detenerse en algún tiempo. Podemos hacer lo siguiente. Entonces podemos, por ejemplo, definir una variable que se llama ojo. Esto es normalmente en la programación para la que se usa la IA, como yo nombre se usa para cosas repetidas. Entonces de esa manera se puede decir mientras yo es, por ejemplo, menor que diez, entonces se puede log de consola. Por ejemplo, podemos poner el ojo en sí como si contara para nosotros del 1 al 10 de alguna manera o de 0 a diez. Pero tenemos que cambiar siempre el valor del ojo. De lo contrario, esta condición se mantendrá a través y también entraremos a infinito, por ejemplo, bucle. Ahora voy a tener yo plus plus. Entonces si recuerdas, dijimos que yo más, más él, aumentando el valor variable por uno, es exactamente lo mismo como dices como yo plus o yo igual a yo más uno. Entonces es exactamente lo mismo como lo hicimos antes y hablamos de eso antes. Entonces intentemos eso ahora y refresquemos. De acuerdo, Tenemos 0, 1, 2, 3 hasta las nueve. Por lo que vimos que este padecimiento se logró hasta las nueve. Entonces cuando tenga un valor nueve, lo cual es cierto porque nueve es menor que 10, entonces mantendrá el registro de consola. Pero se puede poner también cuando yo más pequeño o igual a 10. Por lo que podemos decir tener entonces de uno a 10 como ven aquí. Por lo que el registro de la consola está funcionando bien bajo alguna condición específica y se repite varias veces en función de alguna condición Durante el tiempo. Es mejor que tener el registro de consola uno. Consola de registro de consola, registro, registro de consola para. Ya ves que guardamos mucha línea de códigos. Entonces con esa forma, hicimos un log de consola una vez y luego tuvimos el repetido varias veces usando willl. Ten cuidado con lo más importante para no entrar al bucle infinito. De lo contrario, te romperás o tu estrellarás tu programa y el navegador se quedará atascado y tienes que cerrarlo o forzar cerrarlo De la misma forma que puedes dar, por ejemplo, a 10, como yo tengo diez y puedes dar yo menos, menos. Y mientras yo lo esté, se puede decir como se puede configurar, eso. Se puede configurar la condición para que sea, por ejemplo, mientras yo sea más grande o igual 0, entonces tendremos menos menos I, que tendré menos valores. Por lo que contaré desde diez hasta 0. Entonces intentemos eso exactamente. Tenemos 10 a 0. Entonces de esa manera podemos considerar siempre esa condición cuando sea verdad, esto será seguir ejecutándose. Por lo que ahora voy a quitar este padecimiento. Voy a mantener justo, i. Así que sólo como una prueba para ti sobre falsy y verthy. Entonces ahora cuando guarde, ¿crees que entraré al bucle infinito o no? Entonces porque si recuerdas, vamos a tener menos y puede ser menos uno, menos dos, menos tres. Pero vamos a ver qué va a pasar. De acuerdo, voy a guardar, refrescar. Agradable. No tengo ningún bucle infinito y no fui a menos y. porque si recuerdas, te dije que si 0 es falso, así que el ojo, cuando llegue a 0, entonces esta condición será falsa y luego la mientras que bucle se romperá y n, se detendrá. Por lo que no irá más allá de 0 porque esta condición cuando el ojo es 0 es falsa. Entonces esto es, ten cuidado con el personal falsy y verteo, del cual hablé antes. Es muy importante que sepas exactamente qué es lo que va a hacer un comportamiento de tu programa, sobre todo cuando hay un valor oculto que no puedes considerar como éste. 41. Bailen con el tiempo con el: Entonces vimos antes que cuando estamos en bucle en un rato que esta condición debe aparecer para que la lata o el desarrollador pueda entrar al bucle. Entonces de esa manera, vamos a ver si tenemos la posibilidad de que podamos ejecutar un comando como entramos al bucle y luego comprobamos la condición. Entonces la forma de hacer eso es usar do while. Entonces es exactamente lo mismo que mientras, pero lo estamos cambiando para hacer mientras. Entonces el impuesto de vástago para eso, que usaría un teclado que se llama debido, y luego ejecutas el código que quieres hacer. Por ejemplo, quiero tener este todo. Volvamos a la simple, que es como, digamos vamos j o k o no, no importa. Se puede dar cualquier nombre. Entonces deja j es 0 y luego puedes decir registro de consola para mí J. Y luego después de eso puedes revisar esa condición. Entonces podemos decir, bueno, tenemos que no también entrar al bucle infinito. Por lo que tenemos que decir j plus. Por lo que aumenta para mí ese j varias veces hasta que ocurrió alguna condición. Entonces diré aquí mientras, y luego pongo mi condición Yj es más grande que 10. Entonces de esa manera, la diferencia aquí que estamos en un tiempo, en un tiempo normal, no entramos al contenido del tiempo hasta que comprobamos si esta condición se logra o no. Pero aquí en do-while, Se ejecutará al menos una vez. Por lo que iría a tiempo dentro de esos corchetes y ejecutaría ese código para luego comprobar la condición. Entonces intentemos eso y ahorremos. Vuelve a ir. Tenemos bien, Vamos a comentar tal vez este año para que no tengamos que ser ejecutados, así que para no verlo en la consola. Esta condición se ejecutó sólo en 0 porque ejecutamos 10 no es mayor que 10, por lo que se detuvo. Por lo que se ejecuta una vez y se detuvo. Pero ahora si lo hago aquí, como mientras j o 0 es menor que 10, entonces va a funcionar. Entonces tenemos aquí de 0 a nueve, exactamente lo mismo que mientras. Pero la diferencia es que la ejecución del contenido del while será una después de lograr la condición si es verdadera o falsa, esto es en un tiempo, pero en do-while, estamos ejecutando el código al menos una vez. 42. Looping con para para: Por lo que en JavaScript también hay otro tipo de bucle. Entonces tenemos mientras, tenemos el tiempo, y también tenemos algo llamado. Entonces comentemos esto para no molestarnos en el siguiente contexto. Por lo que tenemos ahora aquí el bucle for. El bucle for también es algo así como while. Al igual que tenemos una variable que es yo y tenemos como alguna condición y también tenemos el incremento, pero todos ellos están en una sola línea. Entonces, ¿cómo puedo hacer eso? Por lo que voy a decir aquí FOR loop. Y luego con esto para defino una variable. Digo por ejemplo, deja k también, lo inicializaré con algún valor. Como les dije, siempre tenemos todo inicializado al principio de cada bucle. Y luego digo la condición que quiero buscar. Por lo que voy a decir k más pequeño que 10. Y luego estamos agregando punto y coma entre todas estas partes para que podamos definir nuestro for loop. Por lo que la última parte de ella es el incremento. Por lo que puedes aumentar el k como uno por uno. Entonces podemos decir k plus, plus. Y dentro de esos corchetes, vamos a tener la ejecución del código. Por lo que el código aquí se ejecutará 10 veces en base a esta condición que ponemos, y en base a esta inicialización que tenemos. Entonces intentemos eso. Y voy a añadir un registro de consola también. Entonces vamos a consola de log el valor que se llama k Así que vamos a guardar eso. De acuerdo, el código está formateado por más bonita otra vez, así que nos refrescamos, tenemos de 0 a nueve también vimos que condición se está logrando en base a todas estas reglas que ponemos. Entonces inicialización. Y luego una condición y luego el incremento, se puede aumentar también la K para ser dos veces. Podemos aumentar k tanto como queramos, por lo que podemos incrementarlo en dos. Por lo que se puede decir que k es igual a k anterior más 2. Por lo que aumentará dos por dos, dos pasos. Por lo que contará 02468. Entonces hasta que esa K, se pone 10. Por lo que esta condición no se logró y no la consola logaría aquí. Por lo que puedes tener un concepto más corto aquí. Por lo que se puede decir k más igual a dos. Por lo que es más corto, como obtener el valor k anterior y luego agregar dos a él. Entonces otra vez, es será lo mismo. Es algo así como un plus, plus. De acuerdo, Ahora, otra pregunta que surgió. Entonces, ¿puedo agregar más condiciones aquí? Al igual que si recuerdas, estábamos haciendo con el IFS múltiples condiciones o en general estábamos usando el operador AND Y OR. Por lo que de esta manera también se pueden agregar algunas condiciones. Pero cuando esta condición se rompe, entonces el bucle for se detendrá. lo que yo diría, por ejemplo, yo diré cuando K, podemos decir y k sea igual a cinco. Por lo que me imprimirá como 02 y luego cuatro, pero no aumentará, por ejemplo, más de, por ejemplo, más de cinco. Porque de esa manera, k, cuando es igual a 0 o es igual a cinco, entonces esta regla es cierta. Pero después de eso, no se logra. O tenemos que decir que es más pequeño. Entonces cuando es igual, ya está roto porque k al principio es 0 y esta condición no se logra. Entonces intentemos eso. De acuerdo, no tenemos salida alguna. Entonces cuando digo, ok, k es menor que cinco, entonces tengo 0, 2, y 4. Por lo que esta condición debe ser siempre cierta. Cuando es falso, entonces el bucle se detendrá. Entonces es oponerse a que tenga como algunos, podemos decir condiciones que es como, vale, fui cuando no se logra esta condición, me saltaron el número cinco. No, se romperá exactamente cuando esta condición sea falsa. Cuando quieras saltarte el número cinco. De esa manera hay que poner una declaración if dentro. Veamos cómo podemos hacer eso. Entonces lo haré aquí, como volvamos a ponerlo de nuevo al plus, plus. No tenemos más dos. Y luego voy a quitar este padecimiento y también el operador final. Y aquí entre los corchetes, puedo agregar otro si es así, puedes escribir sentencias if dentro de for loops. También, esto pasó con while y do. Para que puedas lo mismo, puedes poner si sentencia dentro de otras declaraciones. Entonces ahora voy a decir, si podemos decir que k es igual a cinco o no igual a cinco, entonces haz un registro de consola para mí. Por lo que los valores se imprimirán para k excepto el número 5, como veremos ahora. Entonces tenemos aquí 0, 1, 2, 3, 4, y 6. Por lo que nos saltamos el número 5 de esta manera. Pero si pones aquí eso, vale, cuando k no es igual a cinco, entonces se detendrá en el cinco. Entonces podemos tener, nos vamos a perder el resto del bucle, que es 6, 7, 9, u 8 y 9 porque esta condición se rompe. Por lo que el bucle for se detendrá inmediatamente. 43. Rompa y continúa: Entonces aprendimos antes que cuando la condición es falsa, entonces se va a romper el bucle y salimos de este contexto. Entonces para eso, pero también podemos forzar la salida incluso esta condición es cierta. Por lo que podemos usar algunas palabras clave las cuales se definen en JavaScript, que se llama descanso. Por lo que también se puede romper este bucle, incluso esta condición sigue siendo cierta. Entonces no podemos hacer eso. Entonces por ejemplo, voy a hacer, por ejemplo, un prompt que es como mostrar como algunos pop up en la página de like this, nuestra página web y pedir al usuario que ingrese un número. Y leeremos este número del usuario. Y vamos a sumar la suma. Entonces después de terminar el SMS o cuando el usuario no pone ningún valor, entonces se mostrará el resumen o el valor de suma de los números que el usuario puso hasta ahora que podemos usar también el bucle while. Y vamos a usar el descanso cuando haya o cuando el usuario no ponga ningún valor. Antes de eso, quiero explicarles con un pequeño ejemplo sobre el descanso. Entonces si recuerdas estábamos rompiendo la regla o el bucle cuando hay alguna condición no logrando. lo que podemos copiar lo mismo este ejemplo y comentar este registro de consola para no tener múltiples registros de consola aquí, para que podamos mantener uno siempre. Entonces tengo aquí let k, o puedes tener otra, que podemos llamar x. y esta x es más pequeña que 10 x plus, plus. Y podemos decir como en lugar de como, por ejemplo, no igual, puedo decir como cuando x es igual a cinco, luego mantener el registro de consola y luego romper. Entonces romperemos la regla. Entonces podemos tener aquí así, por supuesto imprimir solo cinco porque cuando x solo cinco, podemos poner esta consola cerrar sesión. Y veremos eso cómo estamos rompiendo ese papel. Por lo que la palabra clave break va a detener el bucle for incluso esta condición se logra como podemos decir que es verdad. Entonces tenemos aquí como X, cuando tenga cinco, romperá el bucle. Incluso. X tiene valor cinco, y esta condición es como cinco, menor que diez es verdad. Por lo que podemos ver eso en real. Entonces tenemos aquí y el error K no es indefinido. Entonces podemos haber tenido algún error porque aquí no lo definimos como una K, lo hemos definido como x Así que lo repetiré. Por lo que voy a tener 0, 1, 2, 3, 4, 5, y luego romperlo el denso seguir a 10. Esta es la razón por la que tengo un descanso aquí cuando el valor X tiene cinco. Antes te mostré que nos estamos saltando cinco también. Entonces seguimos de 0 a 10, pero nos saltamos cinco. Aquí. Podemos hacer lo mismo. Entonces no tienes que poner si x no es igual a cinco, entonces está bien, continúa o se rompe. Por lo que podemos usar una palabra clave llamada continue. Entonces con esta palabra clave que estamos diciendo para el bucle for, ok, Continue and gone. No registren nada en consola y omita el código que está después de la declaración if. Entonces antes teníamos el registro de consola antes. Para ver continuar el logro real de esto, veremos que también continuará el bucle del número, pero se saltará los cinco. Entonces veamos que ahora voy a ahorrar y luego voy a ver bien, 0. Y luego me salté los cinco. Esto está sucediendo porque cuando digo continuar, el código resto no se ejecutará cuando el valor de x sea cinco. Por lo que ignorará todo bajo. Entonces de esa manera, nos estamos saltando cuando el IKS tiene un valor cinco. Es exactamente de la misma manera cuando digo que si k no es igual a cinco, entonces bien, mantenga el registro de consola. Pero cuando es igual a cinco, entonces no registrará la consola porque este corto o esta condición no tiene ningún valor verdadero, por lo que será falso. Entonces ahora vamos a nuestro ejemplo. De acuerdo, tendré aquí registro de consola. Yo lo comentaré. Yo los estoy comentando. Puedes activarlos cuando descargues el código de esta sección y puedes probarlo tú mismo. Pero los estoy comentando para no tenerlos en la consola y nos confundimos con el otro ejemplo. 44. Example de ejemplo prácticos de los números: De acuerdo, ahora vamos a tener un ejemplo práctico. Entonces ejemplo de eso, voy a usar bucle infinito. Está bien, no te conmocionen. Voy a usar bucle infinito, pero voy a romperlo de alguna manera. Entonces el ejemplo, vamos a tener un acumulador de números. Por lo que le vamos a pedir al usuario que ponga números hasta que presione Cancelar o presione o ponga valor vacío, entonces este bucle se romperá y le mostraremos el resumen o el valor acumulador de los números que ingresó antes. Entonces intentemos eso ahora. En primer lugar, necesito una variable que se llama suma. Por lo que esta suma, se puede nombrar cualquier cosa. Por lo que partirá desde el euro y tendrá nuestro valor de acumulación. Pero antes de ir más en detalle, quiero mostrarles cómo puedo obtener un valor del usuario. Por lo que obteniendo un valor del usuario, puedes decir, por ejemplo, let value y puedes darle cualquier nombre. Y estamos usando una palabra clave en JavaScript, que se llama prompt. Y este prompt mostrará en el navegador algunos pop-up y pidiéndole al usuario que ponga algún valor. Entonces, ¿cuál es el mensaje que desea mostrar para el usuario? Puedes poner aquí cualquier cuerda. Por lo que quiero decir como introducir el número o introducir un número. Y luego el segundo parámetro, será como por defecto, una cadena vacía, como si no tuviéramos una cadena vacía. Por lo que puedes ponerlo como 0 o como cadena vacía. Y luego se puede iniciar sesión en consola el valor que es ingresado por el usuario. Entonces intentemos eso ahora. Y voy a guardar, ejecutar la aplicación. Como ves, esta página dice ingresar un número. Por lo que podemos poner un número como cinco, 55. Y llego aquí y consola de errores no es una función, vale, tenemos que poner console.log no solo consola. Por lo que guardamos de nuevo, ejecuta de nuevo nuestra aplicación. Y ya veremos aquí, ¿de acuerdo? Y luego vemos que el valor está impreso aquí, pero no es una violeta, así que es una cuerda como se ve aquí. Por lo que estamos recibiendo de este prompt el número como una cadena o cualquier cosa como una cadena. Entonces aquí podemos cambiar este valor como lanzándolo todo, convirtiéndolo, si recuerdas, ponemos antes como número así, y estamos lanzando este valor. Entonces después de eso, ¿cuándo tenemos este prompt? Puedo poner aquí 555. Y lo conseguí como violeta lo que indica a los DevTools que se trata de un número. Hay otra forma de convertir dos números que puedes usar en lugar de número y ponerlo entre paréntesis o paréntesis. Puedes usar un plus, el más detrás del valor o detrás de una cuerda. Convertiremos ese número o esta cadena a un número. Entonces intentemos eso otra vez. Pondré aquí un número y luego, Vale, lo tengo como número. Pero si ponemos, digamos otra cosa. Al igual que podemos poner string letras de corriente normal y no vamos a conseguir ninguna, ni un número como ven aquí. Entonces hagamos nuestro ejemplo. Por lo que tengo aquí un resumen. Voy a definir un bucle while. Y este while loop siempre es cierto. Entonces tendremos bucle infinito dentro, pero lo vamos a romper de alguna manera. Entonces, en primer lugar, voy a obtener el valor del usuario. Entonces diré aquí valor, y entonces estoy obteniendo este valor. Y necesitamos cambiar este valor, que se devuelve del usuario a un número. Entonces puse un plus aquí. Es exactamente como lo hacíamos antes aquí. Al igual que obtuvimos el valor es una cadena y lo cambiamos a un número. Pero puedes poner aquí el plus directamente. Entonces después de eso, vamos a comprobar si el valor no es ninguno. Y si el valor no es cadena vacía. Y si el valor, por ejemplo, indefinido cuando el usuario está presionando Cancelar, entonces vamos a romper esto mientras, y luego estamos mostrando el valor del acumulador, ¿usan? Entonces aquí voy a tener un si y esto si primero estamos revisando este valor si no es ninguno o no. Entonces tendré cuidado de no poner el valor es igual a ninguno. Al igual que no podemos lograr eso. Siempre se ha convertido en están viniendo como un falso. Entonces si recuerdas, tuvimos un comentario que se llama facilidad ninguno, y luego puse el valor dentro de él. Por lo que esto devolverá verdadero o falso cuando este valor no sea un número. También, podemos usar o gustar tener más condición, como el valor cuando el usuario, por ejemplo, pone 0, por ejemplo. Porque si recuerdas, dijimos que cuando estamos convirtiendo una cadena vacía a un número, volverá para nosotros 0. Entonces cuando el usuario no ponga nada, volverá por nosotros 0. De acuerdo, Ahora, cuando esto, una de estas condiciones es cierta, como si no fuera un número y el valor es 0. Entonces diré romper, romper este bucle y salir de él, y luego hacer el resumen. Entonces si esto es cierto, entonces saldrá del bucle. Pero cuando no sea cierto, nos saltaremos esta parte y luego vamos a tener resumen es igual al resumen anterior que teníamos antes en el bucle antes, como cuando obtengo primer prompt y el segundo prompt o segundo pop up, entonces estoy resumiendo, acumulando los valores que son ingresados por el usuario. Entonces voy a decir aquí, acumular para mí el valor. Por lo que el resumen es todo sumario más el valor. Y luego al final podemos fuera del bucle, como se ve aquí, mientras y fuera del tiempo, puedo consola registrar el resumen o el valor de suma, valor acumulado, que viene del usuario, el cual importa los valores desde el navegador. Entonces, vamos a guardar eso. Pruébalo aquí. Está bien, me está pidiendo que entre un número. Pondré dos. Puse otros dos. Pondré otros dos. Entonces ahora tenemos seis. Ahora no voy a poner nada. De acuerdo, tengo seis aquí. Entonces el resumen es seis porque envío al usuario o cuerda de hielo y vacía, se cambia a un número. Y entonces este número es 0. Por lo que rompió la regla. Entonces intentémoslo de nuevo, pero pondremos una cuerda. Entonces diré aquí 20 a 22, y luego pondré una cuerda. Entonces convirtiendo una cadena, vamos a definir para mí no un número. Entonces romperá el bucle, y luego tendré 44. Entonces si bien esto es cierto, seguiré viendo el prompt, que es como hacer por mí el pop-up y estoy recibiendo, poniendo número hasta poner valor equivocado, o me pongo, o pongo un 0. Por lo que de esta manera se acumulará el resumen. También puedes, no tienes que decir registro de consola. Se puede imprimir el resumen. Por lo que tienes un pop-up también para el usuario porque el usuario no puede abrir la consola. Por lo que podemos ver como un popup, el final del resumen o el final de este bucle. Por lo que podemos usar una palabra clave que está en JavaScript llamada alert. También mostrará un popup, pero solo con un mensaje como con ok, como si no tuvieras que introducir ningún valor, como como como tenemos con un prompt. Entonces pondré aquí, como podemos decir, backticks, tenemos aquí atrás garrapatas. Y voy a poner resumen es, y luego pondré el valor de su suma para que podamos tener aquí suma. Entonces, vamos a guardar eso. Lo intenté de nuevo. Pongo 22, 33, 44, y luego pondré 0. Y luego me dieron otro resumen rápido es 99. Y luego presiono Ok, la aplicación continúe ejecutando la secuencia de código que está debajo de eso. Entonces para eso, hay que saber que romper el tiempo cuando siempre pasa es muy importante. Y también hemos logrado y estratificado vida de personal múltiple como pronta y también alerta. Y usamos el descanso para romper ese bucle. 45. ¿Por qué se necesita las funciones: En esta sección vamos a hablar de funciones. Entonces la primera conferencia de esta sección es ¿por qué necesitamos funciones? Tranquilo a menudo necesitamos realizar una acción similar en muchos lugares del guión. Permítanme mostrarles un ejemplo. Entonces en este ejemplo, quiero mostrarles el uso de las funciones. Entonces si asumes que está pidiendo al usuario que tenga que ingresar la edad a través de su prompt, que vimos en el apartado anterior. Entonces voy a tener la edad y luego voy a hacer algo de lógica sobre ella. Entonces cuando la edad es menor de 60 años y voy a mostrar dos mensajes, uno de ellos como azulejo, y no se le permite conducir un auto. Y también cuando está entre 16 y menores de 18 años, entonces puede conducir el auto con sus padres. También cuando es como, por ejemplo, más grande o podemos decir aquí, como más grande que 18, entonces vamos a permitirle hacer un coche y él es un adulto. Entonces en cada vez estoy mostrando dos mensajes para la misma o cuatro cadena diferente. Entonces probemos este ejemplo ahora por ejemplo, tenemos aquí entramos la edad, digamos otra vez, vale, así que ingresa tu edad. Por lo que pondré aquí mi edad como 23. Está bien. Eres adulto. Tengo la mano de primer mensaje, se le permite conducir un auto. Entonces cada vez que refresco la página, pongo algo de edad y luego llegaré a pedir mensajes basados en la lógica que he creado aquí. Pero como ves que tenemos mucho como podemos decir, código repetido. Para que podamos hacer una función que me sostenga esas dos llamadas, como en una. Entonces de esa manera, usaré una línea solo para llamar a esa función. Y luego usaré alertas o algunos parámetros donde pueda reducir mi código y pasarlos a su función y mostrar diferentes mensajes. Entonces, ¿cómo podemos hacer eso? Voy a igualar este video, por supuesto, te explicaré a detalle sobre las funciones, pero te mostraré por qué las necesitamos. Entonces como ven aquí, he definido una función. Por supuesto veremos el contexto de la función. La función está haciendo dos cosas como alertas. Primer texto y alerta segundo texto. Y luego en cada comparación o en cada lógica, estoy llamando a esta función. Entonces antes teníamos como seis de estas alertas, 121212, pero aquí ahora sólo tenemos dos alertas y tres llamadas, por lo que reducimos su código. Entonces imagina si tuvieras aquí mucho código y lógica y lo estás usando en muchos lugares. Por lo que definir una función que se está ejecutando en muchos lugares como este código se ejecutará en diferentes lugares mejor que se repite en todas partes. Es mejor crear una función de la misma. Entonces de la misma manera que hará por ti, el mismo trabajo. Entonces vamos a tener menos código y más comprensible o más referencia a nuestro código original el cual será detallado y envuelto en una función. En esta sección, vamos a hablar a detalle sobre las funciones, cómo podemos usarlas, cómo definir parámetros, y cómo los llamamos y crear callbacks y utilizarlas de manera eficiente en JavaScript. 46. Acumulación de números de ejemplo prácticos: De acuerdo, ahora vamos a tener un ejemplo práctico. Entonces ejemplo de eso, voy a usar bucle infinito. Está bien, no te conmocionen. Voy a usar bucle infinito, pero voy a romperlo de alguna manera. Entonces el ejemplo, vamos a tener un acumulador de números. Por lo que le vamos a pedir al usuario que ponga números hasta que presione Cancelar o presione o ponga valor vacío, entonces este bucle se romperá y le mostraremos ese resumen o el valor acumulador de los números que ingresó antes. Entonces intentemos eso ahora. En primer lugar, necesito una variable que se llama suma. Por lo que esta suma, se puede nombrar cualquier cosa. Por lo que partirá desde el euro y tendrá nuestro valor de acumulación. Pero antes de ir más en detalle, quiero mostrarles cómo puedo obtener un valor del usuario. Por lo que obteniendo un valor del usuario, puedes decir, por ejemplo, let value y puedes darle cualquier nombre. Y estamos usando una palabra clave en JavaScript, que se llama prompt. Y este prompt mostrará en el navegador algunos pop-up y pidiéndole al usuario que ponga algún valor. Entonces, ¿cuál es el mensaje que desea mostrar para el usuario? Puedes poner aquí cualquier cuerda. Por lo que quiero decir como introducir el número o introducir un número. Y luego el segundo parámetro, será como por defecto, una cadena vacía, como si no tuviéramos una cadena vacía. Por lo que puedes ponerlo como 0 o como cadena vacía. Y luego se puede iniciar sesión en consola el valor que es ingresado por el usuario. Entonces intentemos eso ahora. Y voy a guardar, ejecutar la aplicación. Como ves, esta página dice ingresar un número. Por lo que podemos poner un número como cinco, 55. Y llego aquí y consola de errores no es una función, vale, tenemos que poner console.log solo consola. Por lo que guardamos de nuevo, ejecuta de nuevo nuestra aplicación. Y ya veremos aquí, ¿de acuerdo? Y luego vemos que el valor está impreso aquí, pero no es una violeta, así que es una cuerda como ven aquí. Por lo que estamos recibiendo de este prompt el número como una cadena o cualquier cosa como una cadena. Entonces aquí podemos cambiar este valor como lanzándolo o convirtiéndolo. Si recuerdas, ponemos antes como número así, y estamos lanzando este valor. Entonces después de eso, ¿cuándo tenemos este prompt? Puedo poner aquí 555 y lo tengo como valor let, que indican el DevTools que este es un número. Hay otra forma de convertir dos números que puedes usar en lugar de número y ponerlo entre paréntesis o paréntesis. Puedes usar un plus, el más detrás del valor o detrás de una cuerda. Convertiremos ese número o esta cadena a un número. Entonces intentemos eso otra vez. Pondré aquí un número y luego, Vale, lo tengo como número. Pero si ponemos, digamos otra cosa. Al igual que podemos poner cadena, cadena normal de letras y no vamos a conseguir ninguna, ni un número como ven aquí. Entonces hagamos nuestro ejemplo. Entonces tengo aquí un resumen y voy a definir un bucle salvaje. Y este while loop siempre es cierto. Entonces tendremos bucle infinito dentro, pero lo vamos a romper de alguna manera. Entonces, en primer lugar, voy a obtener el valor del usuario. Entonces diré aquí valor, y entonces estoy obteniendo este valor. Y necesitamos cambiar este valor, que se devuelve de la, como el usuario a un número. Entonces puse un plus aquí. Es exactamente como lo hacíamos antes aquí. Al igual que obtuvimos el valor como cadena y lo cambiamos a un número. Pero puedes poner aquí el plus directamente. Entonces después de eso, vamos a comprobar si el valor no es ninguno. Y si el valor no es cadena vacía. Y si el valor, por ejemplo, indefinido cuando el usuario está presionando Cancelar, entonces vamos a romper esto mientras. Y entonces estamos mostrando el valor del acumulador, ¿usan? Entonces aquí voy a tener un si y esto si primero estamos revisando este valor si no es ninguno o no. Así que ten cuidado de no poner el valor es igual a ninguno. Al igual que no podemos lograr eso. Siempre se ha convertido en están viniendo como un falso. Entonces si recuerdas, tuvimos un comentario que se llama facilidad ninguno, y luego puse el valor dentro de él. Por lo que esto devolverá verdadero o falso cuando este valor no sea un número. También, podemos usar o gustar tener más condición, como el valor cuando el usuario, por ejemplo, pone 0, por ejemplo. Porque si recuerdas, dijimos que cuando estamos convirtiendo una cadena vacía a un número, volverá para nosotros 0. Entonces cuando el usuario no ponga nada, volverá por nosotros 0. De acuerdo, Ahora, cuando esto, una de estas condiciones es cierta, como si no fuera un número y el valor es 0. Entonces diré romper, romper este bucle y salir de él y luego hacer el resumen. Entonces si esto es cierto, entonces saldrá del bucle. Pero cuando no sea cierto, nos saltaremos esta parte y luego vamos a tener resumen es igual al resumen anterior que teníamos antes en el bucle antes, como cuando obtengo primer prompt y el segundo prompt o segundo Popup, entonces estoy resumiendo, acumulando los valores que son ingresados por el usuario. Por lo que voy a decir aquí, acumular para mí valor. Por lo que el resumen es todo sumario más el valor. Y luego al final podemos fuera del bucle, como se ve aquí, mientras y fuera del tiempo, puedo consola registrar el resumen o el valor de suma, valor acumulado, que viene del usuario, el cual importa los valores desde el navegador. Entonces, vamos a guardar eso. Pruébalo aquí. Está bien, me está pidiendo que entre un número. Pondré dos. Puse otros dos. Pondré otros dos. Entonces ahora tenemos seis. Ahora no voy a poner nada. De acuerdo, tengo seis aquí. Entonces el resumen es seis porque envié al usuario o no es cadena vacía, se cambia a un número. Y entonces este número es 0. Entonces se rompió la regla. Entonces, intentémoslo de nuevo. Pero vamos a poner una cuerda. Entonces diré aquí 20 a 22, y luego pondré una cuerda. Entonces convirtiendo una cadena, vamos a definir para mí no un número. Entonces romperá el bucle, y luego tendré 44. Entonces si bien esto es cierto, entonces seguiré viendo el prompt, que es como hacer por mí el pop-up y estoy recibiendo, poniendo número hasta poner valor equivocado o me pongo, o pongo un 0. De esta manera se acumulará el resumen. También puedes, no tienes que decir registro de consola. Se puede imprimir el resumen. Por lo que tienes un pop-up también para el usuario porque el usuario no puede abrir la consola. Por lo que podemos ver como un popup, el final del resumen o el final de este bucle. Por lo que podemos usar una palabra clave la cual está en JavaScript llamada alert. También mostrará un pop-up, pero solo con un mensaje como, vale, como si no tuvieras que ingresar ningún valor, como cómo tenemos con un prompt. Entonces pondré aquí, como podemos decir backticks, tenemos aquí backticks. Y voy a poner resumen es, y luego pondré el valor de su suma para que podamos tener aquí suma. Entonces, vamos a guardar eso. Intenté de nuevo, pongo 22, 33, 44, y luego pondré 0. Y luego me dieron otro resumen rápido es 99. Y luego presiono Ok, la aplicación continúe ejecutando la secuencia de código que está debajo de eso. Entonces para eso, hay que saber que romper el tiempo cuando siempre pasa es muy importante. Y también hemos logrado y estratificado múltiples estilos como pronta y también alerta. Y usamos el descanso para romper ese bucle. 47. Conceptos básicos de función: Definir una función es realmente fácil. Podemos usar la palabra clave que se llama función. Por lo que con la palabra clave de función, puedes definir una función y darle cualquier nombre basado en las variables de nomenclatura que teníamos antes. Entonces por ejemplo, tendré una función que se llama mensaje SHO. Y luego hay que poner paréntesis. Y esos paréntesis, vas a tener parámetros dentro de ellos. Hablaremos de eso más adelante. Y entonces el contexto del pelaje de esta función va a ser entre esos corchetes rizados. Entonces de esta manera, tendremos dentro de las declaraciones que vimos antes, como cómo ponemos algún código dentro de if o dentro de for loop o un while loop. Entonces puedo decir por ejemplo, consola log para mí un mensaje, soy una función. Y también puedes agregar otra cosa como por ejemplo, alerta, mensaje de alerta al usuario. Puedo decir que soy una función de alerta. Entonces tenemos aquí como dos comentarios dentro de esta función, vale, cuando ejecuto mi código JavaScript, no veo nada. Incluso en la consola. No hay nada. Entonces tenemos i1 para ejecutar este código, necesito llamar a una función. Necesito llamar a esa función que escribí. Entonces, ¿cómo podemos llamar a esa función? En primer lugar, es necesario tener un nombre de la función, que es mensaje SHO. Y luego cuando quieras llamarlo, tienes que poner esos paréntesis. Y entonces requerirá para ti algunos parámetros como veremos más adelante. Entonces, en realidad, la alerta es una función porque estoy llamando a esta función aquí con un mensaje. También console.log. El registro es una función porque estoy llamando a esta función con esos parámetros de paréntesis. Nuestra función no tiene ningún parámetro, por lo que la estamos llamando así. Vamos a guardar reintentar nuestra aplicación. Y veremos que soy una función de alerta, la alerta ejecutada, y tengo un código o una cadena dentro del log de la consola. Entonces de esa manera, llamo una función. Esta es una declaración básica. Veremos en la próxima conferencia cosas más complicadas usando parámetros y también definiendo las funciones de diferentes maneras. 48. Parámetros de la función: Para cada función, puedes agregar algunos parámetros, como te dije antes. Entonces, por ejemplo, puedo definir una variable entre esos paréntesis, que se llamará parámetro, y puedes darle cualquier nombre que quieras. Entonces por ejemplo, yo estaba dicho mensaje. Por lo que el mensaje en la llamada de la función será reemplazado por algo que vas a llamar. Y también estás usando esta variable de mensaje dentro de tu función. Solo tú puedes usarlo, no puedes usarlo en cualquier lugar fuera. Entonces de esa manera, puedo decir ese mensaje SHO y luego puedo poner aquí registro de consola para mí, como podemos decir aquí, atrás ticks, como es el mensaje bossed. Y ponemos aquí como algún contexto valioso y llamaremos valioso al mensaje. Entonces de esa manera, cuando llamo a la función mensaje SHO, puedo pasar cualquier cadena que quiera. Entonces, por ejemplo, puedo decir que soy parámetro. Entonces de esta manera, veremos el registro de la consola Soy alerta de función y también soy función de alerta. Y luego voy a ver una consola log el mensaje pasado es pentámetro iambico porque llamé parámetro de mensaje SHO, que se llama mensaje, y lo usé aquí. Entonces intentemos eso. De acuerdo, soy función de alerta. También me metí en el registro de la consola. Vamos a presionar Ok. El mensaje pasado es yo un parámetro. Entonces de esa manera, es muy grandioso que sea capaz de tener una función dinámica. Puedo, puedo llamar a esta función varias veces pero con diferente objetivo. Entonces, por ejemplo, yo diría que llamó a uno. Y aquí voy a decir Objetivo 2. Y yo soy parámetro y por ejemplo, yo soy, no puedes poner tu nombre por ejemplo. Entonces de esa manera, estoy llamando a esta función varias veces, pero con un mensaje diferente, por lo que aquí se reemplazará. Entonces intentemos eso. De acuerdo, soy función de alerta. Este es el primer gol, por cierto. Y yo soy función desde alerta, es un segundo objetivo del mensaje. Entonces tenemos el mensaje pasado es oro uno, yo soy parámetro. Y luego me dieron soy función de alerta. Y luego me dieron el segundo gol. Entonces para explicarlo más, Quitemos estas cosas. Entonces aquí, como registro de consola o comentarlos. Consola log, soy una función alert eigenfunction from alert. Vamos a quitarlos. Por lo que ahora voy a llamar sólo al log de la consola con esta cadena. Entonces de esta manera, iré al mensaje pasado es meta 1 y meta 2 porque lo llamé dos veces con diferentes parámetros. Por lo que por mucho que quieras, puedes llamar a esta función y cambiar estos parámetros por dentro. Y tendrás exactamente el mismo comportamiento, pero con una cadena diferente porque estamos reemplazando el mensaje de cadena por el valor que se pasa con el parámetro de función. Entonces como ven aquí, los estamos llamando a todos. 49. Valores de parámetros predeterminados: Por lo que vimos en la conferencia anterior que podemos pasar parámetros a funciones. Y este parámetro se puede llamar y será reemplazado por el valor del parámetro que se pasa en la llamada de la función. De acuerdo, supongamos que no estoy pasando ningún parámetro. Por lo que ahora llamaré mensaje shore sin el mensaje de parámetro. Por lo que eliminé todo entre esos paréntesis. Entonces cuando trato de llamar a esta función sin este parámetro, Probemos eso. Voy a conseguir que el mensaje pasado es indefinido. Entonces el valor del mensaje, el valor del parámetro del mensaje, es indefinido porque no pasé ningún parámetro aquí. Por supuesto, con JavaScript o con JavaScript moderno, puedes tener un valor predeterminado para este mensaje cuando no hay ningún parámetro pasado aquí. Entonces para hacer eso, solo puedo definir igual aquí. Y puedo decir mensaje por defecto. Por lo que este mensaje predeterminado será un valor predeterminado para el parámetro de mensaje y será reemplazado aquí. Entonces en ese caso, cuando no pase ningún parámetro, entonces obtendré un mensaje predeterminado en corcel de valor indefinido, como ven aquí. Entonces ahora cuando paso un valor a este mensaje o a la llamada de la función, puedo decir, por ejemplo, soy show function. Entonces el mensaje, el mensaje pasado es que estoy seguro de función. Entonces vamos a refrescar eso. Y verás que se ignoró el valor por defecto. Es tomar la meta o el valor que viene por la llamada. Entonces en ese caso, ese parámetro ido tiene más periodicidad que el mensaje o el valor predeterminado aquí. Por lo que en ese caso, siempre se puede pasar un mensaje por defecto o el parámetro por defecto sin tener el valor indefinido del parámetro cuando llamamos a la función sin parámetros. 50. Devuelve un valor de la función: El uso más importante para las funciones es hacer algún cálculo o hacer algunas operaciones y devolver algunos valores. Por lo que cuando pasas algún parámetro, puedes hacer algunas operaciones sobre ellos. Vamos a tener una función muy simple a la que podemos llamar como alguna operación. Entonces alguna función o alguna operación. Por lo que definiré una función como lo vimos antes. Lo llamaremos suma. Y esta suma tendrá dos parámetros. Una es x y la otra es y. y entonces esta operación o esta función, se va a calcular el resumen de x e y. y entonces puedo usarlo en cualquier parte de mi código sin decir siempre X e Y, X más Y, X más Y, X más Y en todas partes. Entonces de esa manera, puedes usar esta función para calcular por ti cualquier cosa. Por supuesto, estoy teniendo aquí un ejemplo muy sencillo. Por supuesto que hay muchas, muchas, muchas funciones complicadas que pueden hacer mucho trabajo por ti, sobre todo si las estás llamando varias veces en tu código. Entonces diré aquí con la palabra clave return, luego X plus Y. Entonces de esa manera, voy a regresar de la suma X e Y, X más Y. Así que voy a devolver x plus y. así que podemos usar esta función por definiendo una variable. Podemos decir zed y este zed, va a llamar a esta función porque tiene un valor de retorno. Entonces antes de eso podemos hacer, por ejemplo, una llamada directamente para la suma. Entonces tengo, digo aquí algunos, y luego doy dos números porque aquí tengo dos parámetros. Puedo decir cinco más 10. ¿ De acuerdo? Por lo que ahora tengo suma de 5 más 10. Entonces de esa manera, cuando ejecuto mi aplicación, vale, no tengo nada y no estoy usando realmente la función. Por lo que la función está devolviendo algún valor. Entonces este valor, tengo que saberlo, así que tengo que usarlo en algún lugar de mi código. Entonces que por supuesto el valor minorista será de 15, para poder almacenarlo en alguna variable. Yo puedo decir aquí, let zed por ejemplo, y llamará a la función y el retorno será asignado a Z. Así que para estar seguros, también podemos usar un registro de consola para ver el valor de la deuda. Entonces vamos a guardar, refrescar, y veremos que tenemos 15. Por lo que el valor de Z es 15 después de resumir estos dos valores, por lo que suma llama esta función y luego el retorno de la función, este valor con la palabra clave return puede devolver los valores después de las operaciones en los parámetros. Por supuesto, no se puede devolver nada. Se puede decir. Puedes combinarlo con una cuerda. Puedes combinar todo lo que puedas hacer un booleano o cualquier cosa. Por lo que también puedes tener otra función. Podemos llamarlo mayor que. Por lo que voy a decir aquí función. Y esta función se llamará mayor que exactamente de la misma forma de nomenclatura. Por lo que siempre se sigue el nombre de las variables así con las funciones. Entonces estoy usando aquí ese CamelCase. Entonces de esa manera, tendré aquí x e y. también, podemos tener aquí los corchetes y yo era un año retorno x mayor que y. entonces tendré a cambio booleano, como valor booleano. Puede ser cierto o falso porque estoy regresando como esta lógica de condición. Entonces llamemos a esta función en z Y veamos, vale, es falso porque cinco no es mayor que 10. Entonces de esa manera puedes usar las funciones, y puedo usar esta función en cualquier parte de mi código varias veces en función de mis necesidades. 51. Funciones de Naming: Las funciones son acciones, por lo que su nombre suele ser un verbo. Debe ser breve, preciso lo más posible, y describir lo que hace la función para que alguien sea capaz de leer el código y obtener la indicación de lo que hace esta función. Entonces normalmente nos prefijo que son funciones con algún verbo que expresan lo que va a hacer esa función, por ejemplo, puedo decir mostrar algunos o calcular algunos, comprobar algo. Claro, seguro, como algún objeto o crea un objeto. Por lo que puedes usar algunas variables o algunos verbos como comienzo de cada función. Entonces les voy a mostrar algunos ejemplos como cómo teníamos antes. Entonces esas funciones, que tengo aquí, las copié. Entonces tengo aquí mostrar mensaje, muestra un mensaje, obtener la edad, por lo que devuelve la edad de alguna persona como. También CalcSum, Es calcular algún resumen de objetos de valor. que no tengas que llamarlo como algunos conmigo, pero puedes decir suma calc. De esta manera. El otro desarrollador lo entenderá como, Vale, esta función está calculando algunas variables. También, crear formulario, comprobar permiso. Por lo que todas esas cosas deben seguirse cuando se está nombrando una función. Y como les dije antes, pueden nombrarlos usando el caso del camello. Por lo que tienes letra mayúscula de cada palabra en esta frase. Por supuesto, tienes limitación ilimitada o como NOL por cuánto tiempo el nombre de la función. Pero es mejor ser tan corto y preciso tanto como sea posible. 52. Expresiones de función: En JavaScript, también hay otro impuesto a la ciencia para definir una función. Entonces voy a poner esto en los comentarios no tienen errores. Y voy a crear una función. Entonces esta función, podemos llamarla decir hola. Entonces la función que define esa función, no tienes que usar una función de palabra clave y luego dar el nombre y los parámetros. Se puede definir una función como variable. Por lo que yo diría aquí tal vez let, puede dar el nombre de la función como decir hola. Y entonces es igual a. Y entonces se puede decir que tengo una función o esta variable será una función. Y luego puedes definir el código que quieres a un lado. Entonces para eso puedes decir alerta. Por ejemplo, podemos decir hola, JavaScript. Entonces de esa manera, cuando llamo a esta función, es exactamente de la misma manera como estamos llamando a las funciones con normalidad. Entonces diré aquí, después de eso, saluda, y lo llamaré así con los paréntesis. Exactamente de la misma manera como estamos llamando a funciones normales. Y también los parámetros vendrán aquí. También se pueden pasar parámetros para esos valores. Por lo que también podemos llamarlo para que podamos probarlo. Entonces decimos hola JavaScript, y se llama de inmediato. Entonces cuando no lo llamo y tengo esta variable, entonces no se llama nada. Por lo que la variable en realidad se cambia para ser una función, es escritura de una variable. Por lo que no tiene como un tipo, como un número o una cadena, tiene un tipo de función. Pero vamos por ejemplo, como tenemos que consola log esta función o esta variable. Al igual que podemos decir, saludar, ¿qué tendremos en la consola? Entonces vámonos. Hola otra vez. Ya ves tenemos el código de función. No teníamos el objetivo de la función. No teníamos la, exactamente la misma frase que teníamos en el pop aquí arriba en el prompt. Pero cuando llames a la función, veamos qué sucederá. Tenemos la función y tenemos indefinido. Entonces de esa manera, porque esta función no está devolviendo nada. Entonces esta es una diferencia entre llamar a la función o simplemente decir el nombre de la función. Entonces de esa manera, podemos poner en el contenido de la función como en el registro de la consola, podemos llamarlo. Y nos pondremos indefinidos cuando esta función no tenga ningún valor de retorno. Pero mira, por ejemplo, marfil giro por algún retorno, regreso de decir, hola función. Entonces podemos ver eso, vale, se llamará. Tendremos la alerta y luego tendremos en la consola log el retorno, el retorno de decir hola. Escribamos eso. Como ven aquí, no nos quedamos indefinidos porque esta función está devolviendo un valor. Cuando elimino esos paréntesis, nuevo, obtuve el código de función impreso. Por lo que esta es una diferencia entre llamar a una función y definir una función o llamar a la función sin ningún paréntesis. Por lo que obtenemos el código de función. Y también aquí hay una forma de definir una función sin tener esta sintaxis. Entonces esto se llama declaración de función, y también esto es declaración de función, pero se llama también expresiones de funciones. 53. Funciones de flecha: En JavaScript moderno, hay una forma aún más fácil de tener o definir una función. Entonces como vimos antes, ¿definimos una variable y le damos un nombre como una función, y entonces tenemos el contenido de esa función. Entonces veamos al revés. A la otra manera se llama funciones de fila. Entonces lo básico de eso podemos decir definir una función. Podemos decir, decir hola, y con esto decir alto, no será una función como esta. Por lo que sólo podemos definir el paréntesis y no estamos usando la palabra clave function. Y luego dibujas una flecha. Cómo se dibuja una flecha, se puede decir igual y la mayor que. Entonces de esta manera tienes la función de flecha y el contenido de la función estará entre las llaves. Entonces de esa manera, puedo decir hola directamente. Diré aquí console.log y luego diré, o diré que tengo cadena, di hola. Entonces después de eso puedes llamar a esta función con normalidad, como cualquier función. Entonces lo llamamos aquí. Y luego, está bien, Di hola, se llama a la función. Por lo que esta es una forma de definir las funciones de flecha. Por supuesto que también puedes pasar parámetros. Entonces di hola, y podemos decir nombre. Y este nombre, puedes pasarlo también aquí. Por lo que voy a reemplazar esto por backticks. Y entonces podemos tener aquí a decir hola. Y luego ponemos la variable aquí. Entonces di hola, y luego ponemos el nombre. Entonces aquí voy a poner aquí script java. Por lo que en la llamada reemplazará el parámetro de nombre con este parámetro dentro de este registro de consola. Entonces cuando llamo a esa función, dije: Di hola a JavaScript y es un parámetro que me defraudé y se reemplaza aquí. Entonces de esa manera, también se puede definir una funciones. Y la mayoría de la gente está usando estos hoy en día. Entonces también, cuando definas una variable, puedes copiar la función. Entonces puedo decir hola, por ejemplo, o decir hola, copiar. Al igual que podemos definir una llamada de función, es una copia alta y será decir hola, decir hola. Entonces cuando llame, diga Copiar, entonces copiaré exactamente el mismo contenido de esta función. Entonces de esa manera, se puede tener un nombre diferente de la función, pero el mismo contenido de otra función. Entonces con eso, puedo decir aquí también JavaScript. Por lo que lo tendré dos veces, una de la función original y la segunda de la copia su función. Por lo que puede asignar función a función, por lo que tendrán el mismo comportamiento y el mismo valor de retorno también. Entonces, eliminemos esas llamadas. Voy a tener como una función que está devolviendo directamente un valor. Entonces por supuesto puedes devolver un valor como como lo vimos antes. Por ejemplo, tengo que tener algunos, conseguir algunos y luego, o como podemos decir conseguir el doble. Y luego con esto consigue el doble, voy a tener una función. Y esta función, pasaré como algún número, y este número será devuelto, o esta función regresará para mí, luego número multiplicado por dos, como estoy recibiendo el doble de este número. Por lo que ahora voy a revisar esta función. Pasaré un número como cuatro. Y luego podemos en consola logarla. Por lo que puedo decir aquí consola dot log esta función directamente, esa llamada de esta función. Por lo que volverá para mí 8. Entonces como ven aquí, tenemos ocho. Entonces de esa manera, vale, devuelvo un valor y usando esa función para así podamos con JavaScript moderno para deshacernos de este retorno. Al igual que puedes devolver un valor si tu ejemplo o tu función está regresando, o está consistente en una línea. Entonces de esa manera, no necesitas ninguno de estos tirantes curvos. Solo tienes que tener como una función de fila. Y luego tienes el valor de retorno sin la palabra clave return. Entonces porque esa nuestra función, descubrí que está regresando sólo o tiene una sola línea. No tiene múltiples líneas. Algunas funciones, tienen, hacen más operaciones, tienen múltiples líneas. Entonces de esa manera, te ves obligado a usar este lugar curvo. Y también hay que poner el retorno como palabra clave también. En caso de necesitar un retorno. Pero con una función de línea, es mejor tenerla así. Tan mejor que todas estas líneas. Se puede tener todo en una línea. Entonces como ven aquí, estoy consolando y registrando esta función con algún valor el cual se pasa en el parámetro. Por lo que obtendré exactamente el mismo valor. Entonces de esa manera, puedes definir la función más fácil y sencilla en la secuencia de tu código. 54. Cierre y alcance de la función: En JavaScript, hay un concepto que se llama un cierre o alcance de función o un alcance de bloque. Entonces, ¿qué significa? Entonces, por ejemplo, supongamos que tenemos una función que se llama Mostrar texto. Y dentro de esta función, estoy definiendo una variable que se llama texto. Entonces si tengo aquí como algún objetivo de esta función o uso de esta variable. Entonces esto, estará disponible, la variable estará disponible siempre y cuando esté dentro de la función, porque defino esa variable dentro de la función. Pero cuando uso variable fuera de esta función, entonces voy a obtener un error de que esta variable no está definida porque está definida aquí dentro del alcance de esta función y no está disponible fuera. Por lo que una variable que se declara dentro de una función sólo es visible dentro de esa función, por lo que no podemos verla fuera de esa función. A esto se le llama variable local. Variable local dentro de esa función. Probemos este código. Como ven, me dieron un error. El texto no está definido porque esta variable en esta línea no está definida. Como se ve aquí, el texto de alerta se define dentro de la función, por lo que cualquiera fuera no puede verlo. Entonces de esa manera hay que distinguir siempre entre variables locales y variable externa. Definamos una variable externa. Entonces diré que dejas nombre de usuario por ejemplo, y le daré un nombre, John Smith o simplemente John. Entonces de esa manera, puedo usar, por supuesto, la variable externa dentro de una función. Entonces podemos usar eso. No, cualquier problema con. Entonces cuando elimino, por ejemplo, este ion JavaScript, pongo plus like quiero combinar esta función o este texto con alguna variable, entonces esta variable estará disponible dentro de esa función. Por lo que no voy a conseguir ese error. Y yo obtendría una alerta cuando lo llamara. Probemos eso. De acuerdo, todavía tenemos el error porque aquí tenemos ese error, así que lo saltaré, comenté. De acuerdo, Como ves, el código se ejecutó porque necesito llamarlo de esa manera tengo dicho mensaje SHO. Por lo que estaba llamando a función diferente. Necesito llamar al show text. Entonces cuando intentamos, Ok, hola, soy Joan, y Joan es una variable que se define fuera de esta función. Entonces de esa manera, puedo ser capaz de usar la variable dentro de cualquier función cuando sea pública. Pero cuando la variable está dentro, dentro de la función, no puedo usarla en ningún lugar fuera de eso o del alcance de esa función. Y ese tipo de variables que se definen en la secuencia del archivo JavaScript. Se les llama globales, igual que no están definidos dentro de ningún ámbito. Entonces esta es una variable global. Toda la aplicación o todas las funciones de la aplicación JavaScript u otras variables pueden acceder a esa variable a otros archivos. Pero aquí, como una función o este texto no es accesible afuera. Por lo que se llama variable local. 55. Expresiones de función invocado (IIFE): Entonces antes estábamos viendo que estamos llamando a la función llamando a su nombre una y otra vez cada vez que necesito llamarlo. Por lo que hay una forma de llamar inmediatamente a la función, que se llama como IIFE inmediatamente invocó expresión de función, que es una función de JavaScript que se ejecuta tan pronto como se define. Por lo que no tenemos que repetir la secuencia de esta llamada de esta función, como el nombre de esta función si queremos nombrarla o llamarla directamente. Entonces la ola para hacer eso, solo necesitamos quitar esta llamada. Y entonces hay que rodear totalmente esta función con paréntesis. Entonces tengo aquí el paréntesis abierto, y luego lo voy a cerrar. Y luego llamas a esta función de inmediato porque como te dije, llamamos a una función con paréntesis sin ellos, solo estamos imprimiendo el contexto de la función. Entonces después de eso, ahorramos, lo hacemos. Como ves directamente, se llama como definido y frío. Entonces si estás definiendo una función y la estás llamando directamente, no necesitas ni siquiera el nombre para eso. Por lo que solo puedes usarlo y llamarlo inmediatamente solo si lo estás llamando en otro lugar, entonces está bien. No se puede dar el nombre. Por lo que también puedes deshacerte del nombre si vas a llamar a la función de inmediato y solo una vez. Por lo que esto se llama i e inmediatamente invocado expresión de función. 56. Los ataques de llamada de las funciones: En esta conferencia vamos a hablar de callbacks de función o funciones de callback. Pero antes quiero agregar para ti como más característica sobre la interacción de JavaScript con el usuario que vimos antes, alerta y también prompt. Eso también es algo llamado Confirmar. Entonces con esta confirmación, puedes mostrar un mensaje al usuario, JavaScript preguntándole si está bien o no. Entonces puedes tener como por ejemplo, Ru, como por ejemplo, todo lo que podemos decir así. Entonces cuando se llama a este método, está bien, tenemos este prompt porque lo llamamos antes. Y ahora, ¿eres viejo? Ya llegamos aquí bien. Y cancelar. Entonces de esa manera puedes decir, Ok, entonces este método de confirmación o función de confirmación regresará para ti a través, y cuando sea cancelada, volverá para ti falso. Por lo que podemos usar esta función y ejemplo o como ejemplo en nuestras funciones de devolución de llamada. Entonces vamos allá. Entonces, en primer lugar, quiero definir una función. Entonces función, dirá como el nombre de la misma, haga pregunta. Por lo que esta pregunta será como si o no pregunta. Entonces tendré aquí esa pregunta por sí misma como parámetro. Y entonces vamos a tener esta función directamente. Y vamos a preguntarle al usuario sobre como algunos, como la pregunta en sí. Entonces podemos decir aquí como let variable, como podemos decir respuesta, y esta respuesta regresará o obtendríamos el valor del mensaje de confirmación, que aparecerá en el navegador y el usuario pulsará OK o Cancelar. Entonces la última pregunta será la pregunta como parámetro que tenemos aquí, que se pasará a la llamada de función, y luego obtendremos una respuesta. Entonces después de eso, se puede decir como si contesta, como si respondiera órbita o vamos a darle un nombre como es. Está bien. Está bien. Entonces podemos tener está bien. Entonces si presionó Ok, Entonces vamos a hacer otra cosa. Nosotros vamos a hacer otra cosa. Entonces vamos a tener un registro de consola aquí como polvo. Puedo decir que te usamos. Acordado. O podemos reemplazarlo con alerta también. Por lo que podemos tener aquí alerta es de escritura, y también tendremos otra alerta. Nosotros decimos que canceló la ejecución. Entonces de esa manera, cuando llame a esta función con alguna pregunta específica, diré aquí, ¿eres viejo? ¿ Entonces? Tendremos primero nuestro mensaje que tiene antes. Y entonces eres viejo? Entonces cuando presione Ok, pondré nuestro ojo hará que estés de acuerdo porque presioné OK. Vamos a refrescarnos de nuevo y vamos a presionar Cancelar. Por lo que cancelas la ejecución. De acuerdo, Ahora, si quiero tener como, como imagina que estoy pasando otro parámetro el cual será una llamada de función. Entonces esto para mí es un valioso, así que uso esa variable dentro del código. Está bien, bien. Entonces cuando digo aquí como si, como parámetro es una variable. Y también defino otra variable que se llama No. Agradable. Entonces cuando digo aquí, en lugar de sí, o en lugar de este mensaje de alerta, pongo sí y pongo paréntesis después de él. Entonces tengo que esperar de los parámetros de esta función que la S también sea una función. Entonces de esa manera, estoy diciendo que este parámetro es una llamada de función también. No. Entonces tenemos aquí No también. Por lo que esas callbacks se ejecutarán en base a la secuencia de la función. Pero, ¿dónde se definen esas funciones? Si recuerdas, esos son parámetros. Por lo que necesito tener aquí también parámetros que son de función. Entonces de esa manera, esas funciones son inútiles. No tienen ningún código dentro de ellos. Sólo cuando paso esos parámetros. Porque si recuerdas, te dije que esto es cadena será reemplazado por pregunta y se usará en la función dentro de ella como la pregunta de parámetro. Lo mismo vale para el parámetro de función. Por lo que necesito definir dos funciones. Entonces vamos a definirlos rápido. Por lo que diré aquí tengo dos funciones. Una función se llama shore, ok, y otra se llama Mostrar cancel. Por lo que ahora vamos a pasar esos parámetros o esas funciones a los parámetros de esta función. Entonces diré aquí, el primer parámetro será sí. Entonces cuando sí, voy a decir, Claro, Vale. Cuando sea no, diré Mostrar, cancelar. Entonces de esa manera, este sí será reemplazado por show, ¿de acuerdo? Y entonces se ejecutará. Entonces este es el camino, recuerda que estamos pasando sólo la función. No estamos pasando la llamada de la función. Como ven aquí. No tengo aquí parántesis. Entonces por eso, porque estoy pasando esa función para ser reemplazada aquí. Y entonces se llamará directamente. Es como lo estoy haciendo aquí, como mostrar bien, en cualquiera de los lugares aquí directamente. Entonces esta es la función de devolución de llamada. Esta es una función de devolución de llamada y esta es una función de devolución de llamada. Para que puedas usar o caminar con tus funciones de devolución de llamada fácilmente. Los veremos en muchos lugares en el futuro cuando vamos a hacer unos proyectos reales o en otros cursos míos que estoy haciendo unos proyectos del mundo real. Por lo que se puede ver que estamos usando pesadamente las bolsas de oro, sobre todo de las bibliotecas, sobre todo si estoy usando una biblioteca. Y esta biblioteca tiene muchas funciones las cuales están teniendo algunos parámetros como devoluciones de llamada. Por lo que en JavaScript, es necesario considerar también la variable o el parámetro puede ser variable normal, toda función también. 57. Sintaxis de objetos: En las conferencias anteriores, aprendimos que podemos definir múltiples tipos de variables. Y esas variables, pueden ser cadena o un número, o un booleano o cualquier otro tipo que vimos antes. Entonces esos divs o esas variables, llamamos primitivos porque el valor contenía sólo una sola cosa, ser por ejemplo, una cadena o un número o lo que sea. Pero hoy vamos a hablar de un nuevo tipo, tipo que se llama objeto. Y este objeto puede contener múltiples de todos estos divs, que mencioné antes. Y con este objeto, puedes manejar con él múltiples datos en una sola variable. Al igual que estoy poniendo toda esta información en una variable. Entonces, ¿cómo podemos definir un objeto? Definamos un objeto que se llama persona. Entonces para definir el objeto, tenemos que usar las llaves o los corchetes rizados. Entonces de esa manera, dentro de este objeto, se pueden definir las claves. Claves de ese objeto las cuales contendrán múltiples valores. Al igual que aquí se puede decir que tenemos un nombre. Nosotros también tenemos, edad, y también tenemos es casada. Pero por supuesto la sintaxis no es así. Voy a explicarlo más. Por lo que podemos imaginar que el objeto es un gabinete, un gabinete con juicios sinusoidales. Cada pieza de datos se almacena en su archivo por esa clave. Entonces cuando quiera abrir este gabinete y encontrar un archivo, puedo decir, dame el archivo que tiene clave llamada edad. Y luego abrí el archivo y luego reviso ese valor. Exactamente como este objeto. Este objeto es un gabinete contienen múltiples claves. Quiero la clave del nombre o Q1 o Q2. Tomo el archivo y luego reviso lo que hay dentro de él, encontraré un valor. Este valor puede ser una cadena o un número, o un booleano, o cualquier otro valor. Por lo que podemos definir un objeto vacío haciendo justamente esto. Por lo que esta persona es objeto vacío. Todo lo que se puede decir también, no así, pero se puede decir nuevo objeto de esa manera. Entonces este objeto ahora está vacío, pero necesitamos asignarle algunos valores. Y esto lo veremos en la próxima conferencia. 58. Propiedades de objetos: Después de agarrar un archivo, lo definimos por clave. Como les dije, podemos llamar a eso en JavaScript como propiedades. Por lo que puedes definir unas propiedades directamente en un objeto usando como algunas palabras clave o la clave que quieres asignar. Para el ejemplo que tenemos aquí, podemos decir que tenemos nombre y podemos con dos puntos definir un valor o asignar un valor a esa clave o a ese archivo. No usamos signo de igualdad, pero usamos la columna. El asignación de valor de propiedad de objeto se hace así. Entonces por ejemplo, daré un nombre aquí, así que pondré aquí mi nombre. Y también tengo una llave la cual se llama como puedo dar mi edad y también puedo dar también mi estatus. Entonces si estoy casado o no, así puedo poner aquí falso o un verdadero. Entonces este es objeto, y puedo usar este objeto ahora en cualquier lugar de mi aplicación como una variable. Por lo que también puedo hacer un registro de consola a ella. Por lo que cuando hagas un registro de consola para un objeto, obtendrás lo siguiente. Entonces cuando guarde, iré a la luz, al navegador, y luego abriré las DevTools con F2. Y voy a ver aquí que tengo un objeto y este objeto contiene edad, está casado, y nombre. Y también podemos acceder solo a algunas propiedades específicas. Por lo que quiero consola log esa edad de esta persona. Para que solo pueda separar a la persona con un punto para que pueda poner punto. Y entonces me pondría en autocompletar estas opciones como si fuera una propiedad de ese objeto. Entonces tenemos edad, es casado y nombre. Entonces cuando pongo edad y estoy consola loguelo. Entonces me pondré en el valor aquí. Entonces es como si definiera una variable solo una edad valiosa, y la estoy usando en objeto, no como una sola variable, así que no hay necesidad de eso, y nuestro código seguirá funcionando. Además, podemos agregar propiedades, no inicialización del objeto. Entonces aquí tengo la variable y el nombre de la variable y luego el signo de objeto y tengo la clave y el valor. Pero también puedo hacer como asignar directamente una clave con un valor a ese objeto. Entonces no puedo decir aquí persona, y luego pongo punto. De acuerdo, tengo aquí es nombre de casada pero no consigo, por ejemplo, cualquier otra cosa que yo quiera. Entonces, por ejemplo, puedes agregar esa propiedad por ti. Por lo que puedo decir es admin por ejemplo. Entonces puedo tener aquí es admin y lo pongo como falso. Por lo que ahora intentemos como consola log a esta persona. Entonces cuando presiono Guardar y otra vez, otra vez cargar, entonces voy a ver que es admin se agrega a esas propiedades. Es exactamente como lo hice aquí. Al igual que por ejemplo, agregué es admin y lo hice falso. Entonces es exactamente de la misma manera esto, así puedo borrar eso también. Y entonces obtendré el mismo resultado. Por lo que hay múltiples formas de agregar propiedades al objeto. Una de ellas es como agregando directamente esa clave y un valor. Y el segundo, llamamos a esta propiedad o a este operador como notación de puntos. Por lo que estoy teniendo una notación de puntos en el objeto para acceder a sus propiedades. 59. Eliminar propiedades de objetos: Después de definir una propiedad de objeto, podemos eliminarla fácilmente mediante el uso de la palabra clave delete. Entonces por ejemplo, agregué aquí es admin. Puedo borrarlo, es muy fácil. Entonces yo solo digo Eliminar. Y entonces digo persona punto es admin. Por lo que de esa manera, se puede eliminar en, en el registro de la consola. Ya no lo veremos después de agregarlo. Entonces vamos a guardar, refrescar. Y como ves, no tenemos es admin aquí. Por lo que de la manera puedes agregar propiedades al objeto y también puedes eliminarlas totalmente. 60. Verificación de existencias de la propiedad y el valor: Por supuesto, después de que te convertiste en un muy buen desarrollador, tendrás un código muy largo y definirás muchos objetos en tu proyecto. Y tal vez de alguna manera necesitas comprobar si hay alguna propiedad dentro del objeto o no. Existen múltiples formas de ver si hay una fiesta o una clave en el objeto. Entonces por ejemplo, yo diría aquí como, quiero comprobar si hay una propiedad en la persona llamada apellido. Entonces cuando traté de consola log LastName, entonces me quedaría indefinido porque no tengo esa propiedad. Por supuesto que no obtuvimos ningún error aquí. Pero también, se puede comprobar si hay propiedad dentro del objeto mediante el uso de un método después de la notación de punto, que se llama tiene propiedad propia y con tiene propiedad propia, se puede decir el nombre de la propiedad. Por ejemplo, diré apellido. Y en base a eso, llegarás a través o falso. Está bien. No tiene esta propiedad, pero pongamos que tenemos nombre por ejemplo. Entonces cuando consola log este valor, persona adulta tiene propiedad o tiene propiedad propia, tengo verdad. Por lo que de esa manera se puede utilizar si las condiciones. Entonces se puede decir que si una persona tiene una propiedad, tiene un nombre, entonces podemos hacer como algo. De no ser así, podemos añadir que puede ser. Entonces para eso, cuando estás eliminando y agregando propiedades a objetos durante la secuencia de código, o tal vez en algunos for-loops o, o, o alguna fuente externa está actualizando tu objeto, entonces debes verificar si la propiedad está ahí o no. Entonces con esa forma, se puede comprobar eso. También hay otra forma de que puedes revisar una propiedad si está ahí o no diciendo con llave de entrada. Entonces podemos decir como nombre en o tenemos que ponerlo como en una cadena para poder decir nombre en, y luego decimos persona. Entonces si hay nombre en persona, entonces es que nos devuelven por mí, cierto. Por lo que no podemos estar seguros de eso haciendo lo siguiente. Entonces tengo aquí, como vamos a ponerlo de nuevo. Entonces para que te guardes el ejemplo, voy más abajo. Por lo que podemos comentar este registro de consola. Entonces puedo decir aquí que está bien, Let is existe. Por lo que puedo tener aquí como nombre. Por supuesto que tienes que ponerlo dentro de una cepa, como la llave debería estar en una cuerda como esta. Lo mismo vale para tiene propiedad propia. Debemos tenerlo en una cadena con cotización simple o doble cita. No importa. Por lo que podemos decir nombre en persona, y luego consola registramos la existencia. Entonces intentemos eso y veamos si nos hacemos verdaderos o falsos. Entonces cuando nos refresquemos, acuerdo, lo pasé. Entonces pongamos, por ejemplo, el apellido y nos refrescamos. Es falso. Entonces exactamente de la misma manera. Así tiene toda la propiedad y clave con en palabra clave y el nombre del objeto. Se puede comprobar si la clave o una propiedad existe en ese objeto o no. 61. Funciones y objetos de práctica: De acuerdo, si recordamos, hablamos de funciones. Entonces si ven aquí que hemos creado a una persona haciendo esto. Entonces si quiero crear otra persona, vamos a dar un nombre para esto como persona 1, entonces necesito tener Persona 2. Y luego volveré a repetir las mismas propiedades. Podemos envolver eso en unos métodos. Entonces podemos tener una función o un método que crea para mí una persona hasta ahora que podemos definir una función. Entonces puedo decir const, podemos decir, o dejar, no importa. Dejar crear una persona. Y con esto crea persona, será una función de flecha. Con esta función de flecha, tomará parámetro como nombre, edad, y también como es, Matt it. Entonces con esa forma podemos ver si esto es posible crear un usuario con una función o no. Por lo que voy a tener aquí arreglar. Por lo que dentro de este método, voy a decir aquí constante en persona nueva. Y esta nueva persona tendrá unas propiedades. Y la primera propiedad es nombre. Y este nombre será como el nombre que he asignado. He pasado en los parámetros edad y puedo tener como edad así y está casado. Yo lo puedo tener también está enmarañado así. Entonces después de eso, regreso con esta función, una nueva persona. De acuerdo, para así sucesivamente que podemos llamar a ese método fácilmente para crear usuarios. Entonces voy a decir aquí o crear persona. Por lo que siempre digo persona, uno será crear persona. Y esta persona tendrá nombre como John. Y tiene 22 años y está casado, diré falso. Y también puedo crear otra persona, persona dos. Y esto tendrá persona creativa también. Y tendrá nombre Smith. Y luego un testamento tendrá como 25. Y está casado. Entonces para eso, creé a dos personas de esta manera. Entonces vamos a consola de registro a esas dos personas. Entonces conseguiré este. Y entonces iré aquí y digo persona uno, registro de consola para mí, Persona 1 y registro de consola para mí, persona dos. Entonces después de eso ahorramos, refrescamos. Y veremos que realmente tenemos dos personas y a objetos como este, porque nuestra función creó para nosotros un método o creando para nosotros y objeto, y lo devolvió como vimos en los valores de retorno de la función. Entonces para eso, podemos hacer que este método sea aún más pequeño. Para que no tengas que definir una constante. Simplemente puedes eliminar toda esta constante, eliminar todo este retorno, y directamente decir, quiero devolver un objeto como este. Para que pueda devolver un objeto. Y obtendrías exactamente el mismo valor porque estoy regresando y objeto con claves y propiedades. Y además, si tienes los parámetros de este método tiene el mismo nombre de las propiedades del objeto, también puedes eliminarlas. Por lo que sólo puedes decir así. Por lo que los valores se asignarán automáticamente a la clave de esa propiedad. Por lo que es un parámetro, tiene un nombre, el parámetro tiene el mismo nombre del objeto, propiedad, nombre de persona. Entonces, cuando actualices, obtendrás exactamente los mismos valores. Hagámoslo aún más simple. También podemos quitar este devuelto. Entonces sólo tienes que decir que regreses para mí así. Entonces, como ven, tenemos un error. Entonces si quieres devolver el objeto directamente, tienes que gustarte rodeado de paréntesis. Entonces tenemos aquí paréntesis y luego guardamos, refrescamos, obtuvimos el mismo valor. Entonces como ven aquí, nuestra función, fue así. Y se puso así. Por lo que es muy corto y fácil de usar. Entonces para eso, siempre recomendaría que creara un método para crear un objeto. Y esto lo veremos en paso más avanzado sobre la creación de objetos utilizando constructores. Entonces voy a poner como el código antes como te mostré. Entonces no se puede tener siempre, como mantener en la memoria que como era antes y es después. Entonces no podemos tener aquí como antes. Y crear persona de pares. Puedo llamar a este método antes y lo tenemos como después. Entonces de esa manera, nunca olvidarás cómo intentábamos atajar este método fácilmente. 62. Métodos de objetos: Generalmente se crean objetos para representar entidades del mundo real, como usuarios, órdenes de persona, autos, etcétera. Por lo que en el mundo real, el usuario puede actuar como, por ejemplo, seleccionar algo del carrito de compras, login, logout, etcétera. Las acciones se representan en JavaScript en el objeto mediante funciones en las propiedades. Por lo que podemos agregar también funciones como propiedades al objeto también. Entonces imagina que tenemos un auto, y este auto tiene propiedades como nombre, modelo, peso, y color. Y también tiene como algunos valores para cada propiedad. También el GAR puede tener métodos como iniciar, derivar, romper, y parar. Además, podemos tener otro auto de diferente marca y puede arrancar de manera diferente, conducir de manera diferente, y romper de manera diferente. Entonces para eso, podemos tan bien definidas, uh, propiedades como un método en los objetos. Veamos cómo podemos hacer eso. Entonces voy a tener un objeto aquí. Yo lo estoy llamando como auto uno. Y en el auto uno, será un objeto. Abriré los corchetes y luego daré como marca para este dios, será fiat, exactamente como teníamos en el ejemplo. Y tiene como color. Entonces podemos decir que el color es rojo. Y también podemos decir velocidad. Puede, por ejemplo, puede ir a un 120 kilómetro por hora. Y también podemos agregar más propiedades. Por lo que una de las propiedades que podemos tener también es una función. Entonces puedo decir como por ejemplo, empezar despacio, esto es, Dios iba a empezar. Por lo que no puedo decir aquí funcionan así. Para que puedas definir una función. Y si recuerdas, aprendimos que también podemos tener unas funciones como métodos de fila. Entonces podemos tener tan bien aquí como alguna función como este método de flecha y podemos definirlo así. Entonces aquí necesito poner la coma. Entonces de esa manera, start será un método donde pueda hacer algo. Entonces puedo decir registro de consola, así como así. Y digo que el auto está arrancando. Entonces podemos decir eso. También podemos tener un descanso. Y podemos dar también una función, una función de fila, y decimos console.log. Y así decimos que el auto se está rompiendo. Todo lo que puedas como bien definido otro método. Entonces como ven aquí, los estoy separando entre coma porque son propiedades al final de ese objeto. Por lo que también puedo crear otro tipo me gusta que se pueda detener. Y podemos tener también como una función. Y esta función tendrá como algunos también entrada o propiedades o parámetros. No podemos tenerlo sin parámetros. Y podemos tener también como una consola log el auto parado. Entonces de esa manera, puedo llegar directamente a esos métodos llamando al objeto con notación de puntos. Y entonces puedo acceder a ese método y no puedo llamarlo. Entonces ahora el objeto está definido, pero también podemos usarlo. Entonces puedo decir aquí, console.log o no puedo simplemente decir aquí, tengo un punto de inicio. Entonces después del enrollado, para que veas, estoy llamando a este método. Por lo que guardo, ve de nuevo a nuestro navegador. Yo consigo coche está arrancando. Entonces exactamente así. Por lo que también puedo llamar a un método en un objeto como este. Podemos tener unos métodos como set speed por ejemplo. Y este método puede tener, podemos decir propiedades también. Entonces puedo tener aquí velocidad. Y entonces puedo decir que esta velocidad se va a la consola log para mí esa velocidad actual. Entonces puedo escuchar, tener la velocidad GAR es, y entonces podemos usar un plus o se puede decir, mira, yo uso un backticks, no importa. Y podemos poner aquí la propiedad speed. Entonces puedo decir aquí también, tarjeta uno. Y luego establece velocidad, como ves es autocompletar. Puedo ver todo. Y puedo tener aquí 262. Entonces después de eso me refresco. Diré que Godspeed es 262. Entonces exactamente de la misma manera como estamos definiendo los métodos, pero todos esos métodos pertenecen sólo a este objeto. No puedo acceder a esos métodos como éste. Por lo que no puedo decir empezar porque pertenecen sólo a ese objeto para que nadie más pueda acceder a ellos. Entonces solo cuando llamas al objeto con anotación de puntos, y luego llamas a ese método. No olvides esos paréntesis porque estás llamando a un método. Entonces así es exactamente como funciona el registro de consola. Entonces aquí está la respuesta. Entonces tengo aquí una consola y consola es objeto. Y tiene muchos métodos como el tiempo de tabla de registro. Y tenemos uno de ellos es look y es log se está comunicando internamente con el navegador. Y por ejemplo, le pasamos una cuerda, y luego la tenemos impresa aquí. Por lo que también consola es un objeto y contiene también sus propias propiedades. Entonces exactamente de la misma manera. Por lo que definimos un objeto tiene algunas propiedades y también métodos. 63. Uso de esto: Es común que a veces necesito dentro de esos métodos para acceder a algunas propiedades que están en el mismo objeto. Entonces por ejemplo, quiero decir como el actual Godspeed es 220, así que no necesito pasar ninguna propiedad. Entonces podemos, por ejemplo, mantengamos este método. Usa otro ejemplo como el color. Por lo que puedo decir aquí, podemos decir Obtener color o imprimir color del coche. Por lo que quiero acceder dentro de este método a la propiedad que se llama color. Por lo que necesito console.log propiedad. Por lo que no puedo decir aquí color. Porque si voy y llamo a este método, así voy a decir aquí empieza a velocidad y podemos decir auto 1 punto print, color auto. Ahorra, ve aquí. Está bien, todo está impreso, pero dije que el color no está definido. Por lo que este operador o esta propiedad no se define porque está dentro de este método. Entonces para acceder a ese color, que es éste dentro del mismo objeto, entonces puedo usar una palabra clave que se llama así. Entonces puedo decir esto así, el objeto, quiero decir, esto es igual al objeto. Entonces es como padres, voy a subir un nivel como este nivel, no dentro del alcance. Entonces digo este color de punto. Por lo que ahorramos. Y ya no tenemos el error, pero nos estamos indefiniendo. Esto se debe a que utilicé la función de flecha. Entonces la función de flecha, cuando la tengo así, tengo este color de punto como indefinido. Pero cuando usas la función de palabra clave como esta, así que tenemos, podemos quitar esta parte y decir: Ok, tengo función, entonces puedo recuperar este color. Entonces, está bien, ahora lo tengo como rojo. Entonces, de acuerdo, ¿qué? Quiero usar una función de fila porque son más bonitas. Entonces de esa manera no tienes que usar como este teclado, puedes usar un nombre del objeto directamente. Por lo que dentro del objeto de sí mismo, se puede utilizar también el nombre del objeto. Por lo que puedes decir tarjeta 1 color de punto. Entonces en lugar de tener indefinido ahora, tendremos también ese rojo. Por lo que de esta forma se puede acceder a las propiedades del objeto dentro de los métodos del objeto. Entonces te mostré ahora en este ejemplo, múltiples formas de definir una funciones con parámetro, sin parámetro, y cómo puedes acceder a todas esas propiedades dentro de un objeto. Entonces recuerda, si quieres usar esta palabra clave, tienes que tener una definición de función normal. Sin una función cruda. 64. Referencias de objetos y copia: De acuerdo, en esta conferencia veremos cómo podemos clonar o copiar objetos. Entonces si recuerdas, estábamos definiendo como variables. Decimos que la tarjeta 1 es igual a su tipo. Podemos decir Fiat. Y entonces estamos copiando guardia uno a otra variable diciendo, dejar guardia t2 es igual a 1. Entonces simplemente ambos, Gawain y caricaturas, tienen el mismo valor. Vale, la diferencia ahora en objeto cuando estoy definiendo dos objetos y me estoy clonando entre sí que se están refiriendo a la misma ranura de memoria en tu PC o en tu memoria. Aquí, cuando somos variables como una cadena o un número, digamos el tipo de hojas de pirámide, que hablamos antes. Eso números de cadena, booleanos, que son simples en JavaScript, están teniendo para las variables diferentes ubicaciones en la memoria. Por lo que voy a explicar eso con el ejemplo. Entonces supongamos que vamos a cambiar el valor de los dibujos animados para ser BMW. Y luego voy a consola log guard uno y consola log cartoon. En el caso aquí que tenemos, tendremos guardia uno será Fiat y B2 será BMW. Veamos eso. Por lo que voy a refrescar, ir a consola. Tengo a Fiat y BMW, pero en objetos, es totalmente diferente. Te mostraré un ejemplo. Entonces por ejemplo, voy a cambiar este objeto o esta variable para que sea un objeto. Y tendrá un campo llamado nombre. Y este nombre lo será todavía. Y también haré lo mismo para que Dios lo haga, pero asignaré caricatura o auto al auto 2 exactamente de la misma manera. Y luego voy a cambiar ese guardia por nombre de punto, como vimos antes, cómo estábamos cambiando el nombre de valor de alguna clave o propiedad en un objeto. Y lo voy a dar, como podemos decir BMW, así. Entonces vamos a ver qué va a pasar cuando la consola registren R1 y R2. Entonces antes de ver que son diferentes, pero ahora como ves, ambos tienen BMW. Entonces eso significa que los objetos se están refiriendo en JavaScript a las mismas jugadas de memoria o a mismo bloque memoria en la memoria cuando los estás asignando entre sí. Entonces como ven aquí, tenemos dos objetos. Se refieren a la misma ranura de memoria. Entonces tengo usuario y admin, y se copian el uno del otro exactamente como tenemos aquí. lo que puedes decir por ejemplo, esto es usuario y esto es como tenemos admin y hemos asignado al usuario al administrador. Y de esa manera, diré admin tiene nombre y también el, voy a consola log este usuario y también admin, es exactamente el mismo resultado. Entonces como ves aquí, el artefacto en arcos a la misma ranura de memoria. Entonces cuando estamos clonando el objeto, tenemos que tener mucho cuidado. Imagina si estás trabajando con algún programa grande y clonas algún objeto en alguna parte. ¿ Cambias un valor de algún objeto y el otro GOT cambiado. Por lo que realmente hay que tener cuidado cuando estás clonando y objetos. Por lo que hay múltiples formas de clonar los objetos de la manera correcta sin tener este problema o este problema. La forma más fácil en que elimino este clon. Y digo eso, vale, ahora tengo objeto vacío. Ahora admin es totalmente un objeto nuevo. Y luego si quiero clonar el objeto de usuario, diría admin dot name es igual a user.name. Entonces de esa manera garantizo que clono ese objeto. De acuerdo, guardamos, claro que cambiamos el nombre del administrador y lo probamos. De acuerdo, ahora son diferentes. ¿ Y si tengo múltiples propiedades? Al igual que por ejemplo, tengo aquí un año y luego tengo que decir, vale, admin dot year es igual al usuario dot year. Entonces de esa manera es un poco complicado porque necesitas, por ejemplo, si tienes 22 o 30 propiedades para cada objeto, entonces tienes que hacerlo o clonarlo uno por uno. Este no es un camino correcto. Veremos más adelante cómo podemos clonar el objeto de una manera adecuada para que no afecte a los objetos de los que originalmente se resplandece. Entonces, por ejemplo, te voy a mostrar otra manera. Entonces tenemos aquí este admin. Y ahora podemos usar alguna propiedad de objeto, que se llama punto de objeto. Y entonces podemos tener exactamente la misma copia del usuario sin cambiar el, por ejemplo, tener la misma referencia de memoria. Entonces para eso, tienes que usar el objeto de palabra clave con una letra mayúscula y luego asignar. Y luego hay que especificar el objetivo. Por ahora ese objetivo está vacío. Entonces podemos tener aquí objeto vacío porque admin al principio está vacío y como recuerdas, nos hemos secado, que está vacío para tener una nueva referencia en la memoria, no igual que el usuario. Y luego tienes que poner el objeto que quieres clonar. Entonces de esa manera, tenemos admin con las mismas propiedades pero en diferente referencia o lugar diferente en la memoria. Entonces tenemos entonces nombre de punto admin. Puedes cambiarlo, y luego puedes poner a BMW así. Y luego salvamos, inténtalo de nuevo. Y veremos que tienen mismas propiedades, pero diferentes porque cambiamos nombre admin y no afectó al original del cual clonamos, que se llama usuario. Entonces ahora la clonación está ocurriendo en diferentes ubicaciones de la memoria, no en la misma ubicación, pero de esta manera también tiene algunos problemas, como veremos en la próxima conferencia, cómo podemos solucionar un problema que podemos tener fase durante la fusión o por ejemplo, la clonación de los objetos. 65. Clonación de objetos superados y profundo: De acuerdo, vamos a hablar de clonación superficial y clonación profunda de los objetos. Entonces, en primer lugar, si tengo una constante, podemos llamarla Dios uno y descartar uno es un objeto. Tiene algunas propiedades como nombre, podemos decir como Fiat. Y también tiene otra propiedad como el color. Con este color podemos decir como si fuera rojo. Y para eso voy a definir otra constante. Yo lo llamaré R2, y esta caricatura tendrá igual a G21. Entonces de esa manera, yo, cuando cambie la propiedad de los dibujos animados, como podemos decir ese color y será, por ejemplo, el azul. En ese caso, cuando consola registro ambos autos, luego voy a la consola, lo reviso. De acuerdo, voy a ver que ambos autos se pusieron azules. Entonces la solución para eso, porque ambos se están refiriendo a la misma ranura de memoria en tu memoria. Entonces, cuando tienes este problema, puedes hacer simplemente objeto punto asignado. Y entonces tenemos objeto abierto y vacío, que es el nuevo, y luego el objeto del que vamos a clonar. Entonces de esa manera, cuando me refresque, veré que el primer objeto mantuvo el color y el segundo se cambia sin afectar al primer objeto. Entonces el problema que le pasó al activo que tenemos un clon poco profundo, por lo que tenemos dos objetos, se están refiriendo exactamente a la misma ranura de memoria. De esta manera, hicimos un clon profundo. Entonces separamos el objeto dos el uno del otro y yo los clono. Y entonces tengo un espacio o una ranura de memoria para cada objeto. Por lo que tengo libertad para cambiar el objeto clonado y hacer lo que quiera sin afectar el objeto original. Por supuesto, podemos usar también para clonar el operador de spread. Por lo que puedes tener como unas llaves abiertas y luego reportas tarjeta 1. Y entonces de esa manera tendrás el mismo resultado. Por lo que tres puntos o operador spread va a manejar ese objeto, dot asignar. Pero éste no está completo. No resolvimos el problema completo. Digamos, por ejemplo, que tengo otro objeto dentro del auto uno, por lo que podemos llamarlo como partes. lo que esta partes por ejemplo, tiene otras propiedades como rueda, como vamos a tamaño, podemos decir que será 22 y también la marca de vidrio. Entonces podemos decir la marca de vidrio, podemos decir el axón. Entonces de esta manera, está bien, clono este objeto, los copio, vale, tienen lo mismo. Entonces ahora me voy a cambiar como la herramienta del auto. Voy a cambiar la rueda para que sea de diferente tamaño. Entonces yo diría auto también, punto partes punto, y luego pondré la rueda para ser, por ejemplo, 16. Entonces de esa manera, cuando abro y los dos, voy a ver que consiguieron el mismo tema. Por lo que tengo el mismo problema con objeto. Entonces es como si tuviera también la misma ranura de memoria, pero donde, porque este es un objeto nuevo y este nuevo objeto tiene una ranura de memoria. Y cuando estoy asignando objeto a objeto, estoy asignando solo el nivel raíz. Por lo que el nivel raíz es diferente en la memoria, no es lo mismo, pero el objeto dentro de este objeto está refiriendo misma ranura de memoria, que es diferente de ambos de dos. Pero aquí se está refiriendo a lo mismo porque los clono. Entonces para resolver este tema, vamos a tener la clonación profunda. La clonación profunda se puede hacer de diferentes maneras. Uno de ellos está usando alguna biblioteca, que se llama guión bajo. Y esta biblioteca en realidad está haciendo lo siguiente. Por ejemplo, tendré el operador split. Voy a clonar como ese Dios. Y entonces voy a dar como partes de punto de dibujos animados. También estoy clonando ese objeto. Lo siento mucho, tengo que quitar esta const. Por lo que estoy clonando también los objetos subblados de la misma manera. Entonces de esa manera, este guión bajo va a hacer esto. Entonces imagina si tienes muchos objetos anidados, entonces sería un dolor de cabeza para ti. Por lo que necesitas definitivamente el deep learning. Entonces como ven aquí, tengo valores diferentes. Por lo que necesitas el como el, el, podemos decir que la clonación profunda que se haga por alguna biblioteca. Y esta biblioteca, se llama bajo guión, como te dije, solo necesitas ir a bajo dash.com. Voy a usar la copia CDN, que es una copia ahí dentro. Entonces vamos allá y copiamos el uno o el enlace que tiene bajo dash dot main.js. Por lo que podemos copiar la URL. Y por supuesto puedes estar seguro de que si ya lo tienes, así que está funcionando bien. Entonces el archivo que copiamos, éste que contiene la biblioteca. Entonces después de eso puedes ir a tu archivo y decir que quiero importar un nuevo script. Por lo que este guión será el mismo enlace que has copiado. Entonces será como si tuviera un script y luego mi script index.js. Entonces de esa manera tienes que asegurarte de que este guión viene antes de que estés trabajando guión. Entonces tenemos index.js, que es éste en el que estamos trabajando ahora. Y luego antes de eso copiamos el guión que hemos copiado para low dash dot js. Entonces de esa manera estarás seguro de que esta biblioteca, se puede llamar dentro de tu index.js. Entonces vamos allá y quitemos esta parte, y vamos a usar un clon profundo. Entonces de esta manera, llamo a la biblioteca baja de Dash usando guión bajo. Y el subrayado puntean sus objetos porque el subrayado es objeto que contiene la biblioteca, digo Clone método deep de esa manera. Y luego asigno el objeto que quiero clonar. Entonces de esa manera guardo y luego ya he cambiado de valor. Y luego nos refrescamos. Ya veremos eso, vale, fiat, los agregamos a ambos todavía, pero el primer objeto no está teniendo el mismo valor del objeto clonado. Entonces de esa manera tengo el objeto clonado encadenando los valores sin tener ningún problema ni influencia en el objeto original. A esto se le llama clonación profunda, no una clonación superficial. Entonces cuando hacemos una clonación profunda, estamos creando objetos a partir de objeto original pero en lugar diferente en la memoria, no en la misma referencia. Y lo más importante también para el objeto anidado, como mencioné antes en el problema. 66. Uso de los objetos tos fusión de el operador distribuido: En los últimos videos vimos que podemos clonar el objeto pero no clon profundo con el uso del operador split. El operador tiene también otro beneficio que es fusionar objetos juntos. Entonces por ejemplo, voy a tener otro, como voy a cambiar sus autos a y le voy a dar una nueva propiedad. Entonces podemos decir, como tengo que decir máxima velocidad. Entonces podemos decir que esta propiedad es de máxima velocidad 230, ¿de acuerdo? Y del carrito uno y carrito a, quiero crear un objeto el cual contenga las propiedades del carbono 1 y también propiedad de guardia también. Por lo que no se puede hacer eso de manera muy sencilla y sencilla. Por lo que podemos tener en el camino también al operador de spread. Por lo que definiré aquí un auto 3. Y esta galaxia será un clon de Dios uno, y también un clon de dibujos animados. Entonces de esa manera, puedes fusionar objetos juntos. Entonces imprimamos todas las tarjetas. Por lo que voy a decir aquí que tengo también la guardia tres. Entonces veamos ahora, vale, Como ves, todavía tenemos, que es el auto original, auto, uno con bardos, y el segundo auto que solo tiene propiedad de máxima velocidad. Y la tercera guardia, contendrá las partes y nombre y color que están relacionadas con auto uno. Y también la velocidad máxima, que está relacionada con su auto también. 67. Funciones de constructor: Entonces antes estábamos definiendo el objeto de esta manera que estamos usando esas llaves y luego estamos creando las propiedades del objeto. También Esaú, otra forma en que podemos crear una función la cual es tener como dos parámetros y devolver el objeto y yo creo el nuevo objeto usando ese método. Hay una tercera vía, que se llama función constructor. Esa función constructor, normalmente obtiene el mismo nombre de los objetos objetivo. Entonces, por ejemplo, tenemos estudiante uno, estudiante dos, pero ahora tenemos un estudiante. Entonces esta función, es una función normal. Y se puede decir un estudiante con letra mayúscula, y luego se pueden pasar parámetros a este objeto o a esta función, que será la edad y el promedio. Por lo que ahora esta función va a tener estas propiedades. Entonces digo que este nombre de punto o este promedio de puntos es igual al parámetro pasado, que se llama promedio. Y también hago lo mismo por la edad. Por lo que tenemos también estos puntos, edad para la edad del alumno. De acuerdo, ahora tenemos esta función. Es similar a esto, pero sí, digamos cómo podemos crear al tercer alumno. El tercer alumno se puede crear de alguna manera diciendo a los estudiantes tres. Y entonces usaré la palabra clave que se llama Nuevo. Y con esto nuevo, voy a decir crear para mí un estudiante. Y este alumno tendrá parámetro. Por lo que el primer parámetro será, por ejemplo, 60, que contendrá el promedio y también la edad. Entonces, por ejemplo, tendríamos 14. Entonces después de eso podemos consola log este objeto. Y podemos decir que los estudiantes tres es para mí un nuevo objeto el cual se crea. Entonces como ves, tiene ahora de esta manera, así que tiene dicho que bien, tengo un nuevo objeto. Este objeto tiene un nombre, y este objeto está teniendo dos propiedades, como la edad y el promedio. Vamos a consola log student también y ver cuál es el resultado. Entonces tenemos aquí como registro de consola y tendremos aquí un estudiante también. Entonces de esa manera veremos directamente tenemos el objeto sin tener un nombre del objeto. Entonces esto se llama función constructor o función constructor, lo que me está dando la capacidad de crear objetos para un tipo específico. Para nosotros, este estudiante es como un tipo. Por lo que el objetivo principal también de usar o el constructor es implementar código de creación de objetos reutilizables. Por lo que tenemos diferente onda o creación. Y este estudiante para nosotros es como un tipo y tiene capacidad para crear muchos objetos de estudiantes sin tener este tipo de código o éste o por ejemplo. Y también es más fácil de entender y leer en la consola que conozco. De acuerdo, este estudiante tiene un tipo o tipo de este objeto o este constructor, que se llama estudiante. 68. Colección de Garbage: Como vimos antes, que definir un objeto está tomando un espacio en la memoria. Entonces tenemos este objeto el cual se llama usuario, y tiene memoria de objeto o una ranura en la memoria con el tipo permisivo, que es cadena, y tiene un nombre. El manejo de la memoria en el script Java se realiza automáticamente agregando invisiblemente a nosotros. Entonces para eso es muy importante que saber que cada objeto que definas está tomando un lugar en la memoria. Cada variable, cada constante y cada let, estás diciendo que está teniendo lugar en la memoria del navegador y también en la máquina del cliente que está abriendo el sitio web y usando código JavaScript. Entonces hay que saber también, como cuando digo usuario es igual a null, que hay algo llamado en JavaScript en recolector de basura. Y este recolector de basura está recogiendo el objeto o las ranuras de memoria o borrándolas o liberándolas de la manera que hay, nadie se está refiriendo a esa ranura de memoria. Entonces de esa manera, el JavaScript se va a cuidar de eso y eliminar o liberar esa ranura de memoria, porque ahora perdimos la referencia a ese objeto. Para explicarlo más en detalle, supongamos que también tenemos otra variable u otro objeto, que se llama admin. Y este admin es la misma copia del usuario, como si se refirieran al mismo lugar en la memoria. Entonces de esa manera, cuando digo admin es usuario, por lo que ambos, agregan un carenado a la misma ranura. De acuerdo, cuando el usuario es nulo, entonces sigue siendo una referencia por admin. De esa manera, JavaScript quiere eliminar este objeto o no recongelará ese espacio en la memoria. Eso se debe a que ese administrador, todavía se está refiriendo a esa ranura de memoria. Para que no tengas que preocuparte como cómo puedo eliminar este valioso de la memoria cuando eliminé totalmente o cuando uso este nulo. No, no te preocupes, JavaScript va a liberar la memoria para ti cuando dices que ese objeto es igual a ninguno. 69. Objeto de matemática: En JavaScript, ya hay objetos definidos los cuales puedes utilizarlos y tienen algunos métodos y también algunas propiedades las cuales tienen valores fijos. Por ejemplo, una de ellas es matemáticas. Esta matemática era mayúscula. Tiene muchos métodos como cuando la notación de puntos se puede ir y se pueden ver todas esas operaciones. Entonces para usarlos, por ejemplo, puedo definir una variable. Yo lo llamo como por ejemplo log o podemos decir x, ok, x, y luego x es punto matemático. Y luego se puede decir power round sign y todo esto como operación en matemáticas. Entonces tomemos uno de esos ejemplos. Entonces diré aquí, como podemos tener, podemos decir coseno de, por ejemplo, poner 45, el coseno de 45, claro que podemos poner console.log y luego decimos x. Y después de eso nos refrescamos. De acuerdo, este es el coseno de los huevos similares. Por lo que todas estas operaciones, están disponibles aquí en biblioteca de matemáticas. Entonces aquí hay log, y también el log tiene este valor. Por lo que todas estas operaciones, como les dije, están disponibles en esta biblioteca de matemáticas. Entonces de diferentes maneras, como se puede ver la documentación sobre ellos. Entonces, antes que nada, necesitas poner como el método y luego pones el mouse en Visual Studio Code y verás cuál es el parámetro. Entonces aquí necesitas pasar un número y dice aquí, como devolver la raíz cuadrada de un número. Entonces aquí está la explicación de ello. Hasta ahora que yo diría éste, vale, tengo todo esto. Entonces de esa manera puedes usar todas estas operaciones en matemáticas donde las vas a usar en tu código, por ejemplo, también puedes usar algunas operaciones de redondeo. Entonces operación de redondeo, pedirá un número y redondeará la variable de alguna manera, número de orden de alguna manera si se trata de un tipo flotador. Entonces por ejemplo, este, fue redondeado a nivel inferior cuando es este más pequeño que cinco y lo redondeará cuando sea más grande que cinco. Entonces como ven aquí, se redondea a 43. Muchas operaciones en esta matemática, puedes echarles un vistazo y leer sobre ellas y ver si quieres usarlas en el futuro o no. 70. Objeto de la fecha: En JavaScript también, hay objeto PUT se llama fecha. Para que puedas definir una fecha y asignarla a alguna variable. Por ejemplo, diré aquí fecha y esta fecha se puede utilizar una palabra clave que se llama nueva fecha. Ya hablamos de eso antes. Para que puedas crear un nuevo objeto de una fecha. Entonces vamos a la consola log ahora esta variable de fecha, por lo que podemos decir aquí lead, date y console log. Entonces vamos a refrescarnos. Como ven tenemos aquí martes de octubre y la lámina, como formato fecha. Hay muchas operaciones en este objeto. Ahora esto es objeto, como ves, es objeto llamado fecha. Y este objeto fecha tiene dentro de él una gran cantidad de métodos como como se ve aquí. uno de ellos les gusta ponerse milisegundos o obtener horas, obtener milisegundos, obtener minutos, obtener mes. Entonces intentemos obtener mes, obtener mes es como método y me va a devolver un número. Por lo que estoy grabando ahora este curso en, podemos decir en octubre. Entonces llegaré aquí nueve. Por lo que este objeto de fecha contiene múltiples métodos. uno de ellos como por ejemplo, tenemos que conseguir, conseguir horas, conseguir horas. Te dará las horas actuales en tu máquina local. Por lo que de esa manera, se puede mostrar la hora actual en el navegador para el usuario en función de su hora local en su máquina. Entonces de esa manera, diré date dot get hours, me refresco y consigo 20 porque ahora estoy grabando a los 20. Entonces de esa manera puedes hacer muchas cosas con él. Por lo que puedes crear o crear fecha de objeto y también usarlo en múltiples lugares para mostrar información sobre la fecha al usuario. Por lo que este objeto también está predefinido en JavaScript y podemos usarlo también. Puedes echar un vistazo a todos los métodos uno por uno con solo hacer clic en él. Y luego puedes leer, obtener el segundo de un objeto de fecha usando la hora local como ves aquí. Por lo que esta es la breve descripción sobre la fecha. Verás más adelante cuando tengas algún proyecto y tú, y verías los cuestionarios en este curso, puedes crear muchas cosas con el objeto de fecha. 71. ¿Qué es un Array?: En esta sección, vamos a aprender acerca de las matrices. A lo mejor te estás preguntando, ¿qué es esta caja de chocolates? Esta caja de chocolate es una matriz, o podemos llamarla una matriz. El matriz en matemáticas es fila de valores, que tienen múltiples o una dimensión. Y en cada dimensión, guardo algunos datos. Y esos datos pueden ser, pueden ser los mismos o son diferentes. Entonces la matriz, normalmente son, por ejemplo, objetos, pero lo son, o no tienen claves. Entonces la clave para nosotros de alguna manera es un índice, como puedo empezar a numerar desde 0123, etc. Así que aquí hay una matriz o las matrices, porque los objetos permiten almacenar colección keyed de valores, como dije, pero tranquilo a menudo, encontramos que necesitamos una colecta ordenada donde tengamos el primer, segundo, tercer elemento y así sucesivamente. Por ejemplo, necesitamos eso para almacenar una lista de algo como usuarios, bienes o elementos HTML o elementos CSS. No es conveniente utilizar objetos aquí porque no proporciona métodos para administrar y ordenar los elementos. No podemos insertar una nueva propiedad entre las existentes. Entonces quiero tener algunos elementos ordenados porque como ves antes, que el objeto, han dado algunas claves y propiedades, pero esas claves no se ordenan en un orden específico. Pueden estar en diferentes órdenes. Entonces, por ejemplo, si considero esto como un objeto y quiero insertar algunos datos aquí entre este chocolate y éste. Yo quiero poner un chocolate blanco. Esto no es posible en objetos, sino con matrices. Podemos hacer eso. En la siguiente conferencia, vamos a ver cómo podemos escribir una matriz en JavaScript. 72. Sintaxis de Array:: Hay dos sintaxis de creación de la matriz. Por ejemplo, diré let array, este es un nombre de variable, y luego diré una nueva matriz. Como vimos antes que podemos definir objetos con nueva palabra clave y array es un objeto, pero está implementando una matriz. Además, otra forma de definir una matriz es usar la matriz de palabras clave y como los corchetes. Entonces con los corchetes, también se puede definir una matriz. Siempre estamos usando el segundo, que es éste. Entonces normalmente cuando se quiere definir array, se puede decir que tengo array, por ejemplo, de autos. Y voy a decir aquí dejar autos. Y el primer elemento del auto, puedes definir aquí cadena o un número o cualquier cosa. Por lo que puedo decir, por ejemplo , todavía tengo, también tengo BMW. Tengo, por ejemplo, como fin de semana, dicen Mercedes. Entonces de esta manera, puedes tener una variedad de autos, pero como ves aquí, no tenemos llaves. Por lo que el elemento array, están numerados como a partir de 0. Por lo que ese elemento 0 es string fiat. El elemento uno es una cuerda, BMW, etcétera. Podemos obtener un elemento por su número entre corchetes. Entonces, por ejemplo, diré consola dot log. O puedes usar alerta también, no hay problema. Por lo que puedo decir aquí tarjetas. Y con esos guardias, puedo acceder con los corchetes, el primer elemento, por ejemplo. O puedo acceder al segundo elemento, o puedo acceder al tercer elemento. Por lo que el conteo siempre se inicia a partir de 0. Entonces intentemos eso y refresquemos. Llegamos aquí un error porque utilicé el array let varias veces. Entonces podemos decir aquí array 1 y array 2. Por lo que no se puede definir el mismo nombre de variable dos veces. Entonces de esa manera voy a ver que me dieron por eso cuando lo cambie a uno, me dieron BMW. Entonces así es como estamos trabajando con arrays, o esta es la sintaxis de array. Por supuesto que podemos reemplazar también el elemento de array, así puedo decir autos. Y luego especifico qué elemento, digamos el segundo, que es BMW. No puedo cambiarlo con otro tipo de autos como Jaguar. Entonces de esa manera, se cambiará a otra matriz. Por lo que también puedo consola bloquear eso. Entonces tengo aquí guardias uno y lo voy a consolar. Entonces primero fue BMW y luego se cambió a Jaguar. 73. Arcos multidimensionales: También puedes en matrices definidas en JavaScript o matrices multidimensionales. Pero JavaScript no proporciona la matriz multidimensional de forma nativa. No obstante, se puede crear una matriz multidimensional mediante definición de una matriz de elementos donde cada elemento es también, es otra matriz, como aquí en nuestro ejemplo, Fiat también será array. Bmw será también una matriz. Entonces, vamos a tener un ejemplo. Por lo que daría como actividades de plomo. Y estas actividades serán, como ves array. Y puedo ir a una nueva línea y diré, como el primer elemento de esta matriz también será array. Entonces diré aquí como el trabajo y el trabajo es como nueve horas. Y entonces tendré como comida como podemos decir, o comer, como se puede decir, digamos como comer es mejor. Entonces con comer, tengo una hora. Y también entonces tengo, por ejemplo, como ejercicio. Por lo que puedo decir aquí como usaré, por ejemplo, dos horas para hacer ejercicio. Y podemos decir dormir. Estaremos por ejemplo, siete horas, etc. Así que ahora estas actividades se almacenan como array de arrays. Entonces cuando quieras consola log esta matriz, así que vamos a tener aquí registro de consola y vamos a la consola log las actividades. Y cuando refresque, llegaría aquí la matriz. Y en cada miembro de esta matriz, hay array, array to, to, al igual que dos elementos de cada matriz. Entonces cuando lo abras, verás que 0, el primer índice es trabajo y nueve. Y cuando abras este, verás también array con 01 índices. Entonces de esa manera se puede, se trabaja con matrices multidimensionales. Te voy a dar ahora unos trucos nuevos. Por lo que puedes consola iniciar sesión en estas matrices, por ejemplo, en las DevTools de una manera hermosa. Por lo que se puede decir consola mesa de puntos. Por lo que con esta mesa de punto de consola, la consolará para ti de una manera hermosa. Como ven aquí, tenemos aquí el índice, y tenemos el primer ítem de la matriz y también el segundo elemento de la matriz. Por lo que cada matriz se consuela como una tabla o como una fila en la tabla. Por lo tanto, si desea obtener un elemento específico de matriz multidimensional, también puede usar el registro de la consola. Entonces aquí en lugar de tabla, podemos decir registro de consola. Y luego especificas la primera matriz o primera dimensión, que será como primer elemento, me refiero a este. Y entonces diré, dame el segundo elemento de la primera matriz. Por lo que voy a conseguir como nueve porque este es el segundo. Entonces aquí está primero y este es el segundo. Entonces cuando nos refresquemos, llegaré aquí nueve. Y también cuando ponga 0, entonces conseguiré trabajo. Esto se debe a que estoy accediendo a matriz de matrices. También lo mismo para tercera dimensión, cuatro dimensiones, etc. Así que también puedes hacer que esto funcione como array. Se puede tener una profundidad ilimitada de matrices. 74. Añadir elementos a el arreglo: Puede agregar elementos a la matriz fácilmente mediante el uso de dos formas. Una de ellas es como puedes asignar directamente a las frutas como tenemos aquí, una manzana, naranja, y regordeta. No se puede decir, por ejemplo, como yo quiero frutas. Y solo puedes decir que quiero en el tercer elemento, como en el cuarto elemento, lo siento. Entonces tenemos 0, 1, 2. Y entonces diré en el tercer elemento que no existe como no hasta ahora. Entonces puedo poner, por ejemplo, plátano. Entonces después de eso puedes consola registrarlo y verás que este elemento banana se agrega la matriz. Entonces podemos decir aquí frutas y luego rechazarlo. Y veremos que se agregó el artículo. Por lo que solo necesitas agregar el índice. ¿ Dónde quieres? Entonces si te saltas algunos números, como por ejemplo, tengo aquí 0, 1, 2, y luego el tercero. Entonces pongamos te gustaría seis, ¿qué pasará? Entonces cuando nos refresquemos, veremos que hay directamente esos elementos. Pero dice aquí en la consola nos dio nota que hay tres lugares vacíos. Pero aquí en la matriz se ve directamente que tenemos la matriz con esos índices. Entonces no hay problema con eso también. Basta con recordar el índice del plátano. Hay otra forma de agregar elementos a la matriz. Entonces si por ejemplo puedes decir frutas y luego pones punto porque ahora frutas es una matriz y esta matriz como detrás de escena es objeto y tiene sus propios métodos. Entonces como ves aquí, tenemos métodos para esta matriz, como veremos más adelante, uno de ellos se llama bush, por lo que puedes empujar elemento a esa matriz. Entonces, por ejemplo, yo diría Melbourne. Entonces después de eso, cuando me refresque, voy a ver que se le agrega manzana, naranja, plátano y Milán. Entonces con Bush, también puedes agregar elementos a la matriz. 75. Eliminar elementos de Array los elementos de arde: Vimos antes que tenemos elemento para empujar a la matriz que podamos empujar o agregar elemento a la matriz mediante el uso del método push. Pero si quieres eliminar elemento de la matriz, puedes usar un método que se llama pop. Entonces con pop, solo puedes llamarlo y luego eliminará el último elemento de la matriz. Por lo que como ven aquí, vamos a ahorrar y vamos a refrescar. ¿ De acuerdo? Y veremos que Mellon fue removido. Entonces si vemos aquí como esto es antes y esto es después. Entonces después de eso, esto es antes y este es después. Por lo que el Milán se agregó y luego se retiró de los elementos. Ahora para eliminar un elemento de la matriz en una ubicación específica. Como ves, el pop está eliminando solo del final de la matriz, como solo el último elemento, como aquí. En nuestro caso fue melón. Pero si quiero usar o quitar plomada, por ejemplo, hay un método que se llama empalme. Entonces con esto se aplica, claro que voy a simplemente comentar aquellos solo para entender el ejemplo para no hacer cambios en la matriz. Entonces ahora nuestra matriz tiene cuatro elementos, manzana, naranja, ciruela, y plátano, que agregamos aquí. Yo quiero quitar ciruela. También hay un método en las matrices que se llama empalme. Y con los proveedores, se puede especificar desde donde se desea empezar a quitar. Por ejemplo, quiero quitar una ciruela, así que digo 012 el segundo. Entonces de esta manera aquí en caso de contar de matrices, es el tercer elemento, pero el índice es dos. Por lo que ahora voy a decir como cuántos elementos quiero quitar de ese índice y después. Entonces si quieres quitar múltiplo, puedes decir que quiero quitar la ciruela y el plátano, pero si quieres quitar solo ciruela, especifico que quiero quitar solo un elemento de ese índice. Entonces veamos qué pasará ahora. Si refresco, conseguiré manzana, naranja, plátano. No conseguí la ciruela. Entonces de ese índice, del tercer índice, que es dos en el conteo, entonces elimino un elemento. Si quieres quitar más, solo dices por ejemplo dos. Entonces en ese caso le quito ciruela y plátano. Entonces vamos a ahorrar y se le quitó. Entonces si quieres eliminar cualquier elemento de un lugar específico, solo pones el índice del elemento y cuenta del mismo. Y entonces el elemento se eliminará y actualizará la matriz. 76. Impresión de elementos de Array con para el bucle: Como puede ver aquí, estamos haciendo un registro de consola para la matriz, todo ello. Y es imprimir para nosotros todos los miembros, pero están impresos como array. Entonces digamos que quiero manejar los datos dentro de esta matriz. Por ejemplo, tengo matriz de números y quiero, por ejemplo, ver como el doble de cada número. Entonces me iré, o iré aquí a comentar esto. Y voy a definir una nueva matriz. Y voy a decir como números de plomo. Y estos números tendrán como 12 o digamos de como diferentes números 24 y 36 y 42 por ejemplo. Y ahora quiero recorrer todos esos números. Ten cuidado tienes aquí dos separados con coma, no con punto. Entonces la separación entre el elemento de matriz es con coma. Y como dije, aquí se puede especificar cualquier tipo de la matriz. Entonces puedes decir aquí números, booleanos, y puedes tener, por ejemplo, funciones. No importa. Entonces ahora voy a una impresión o quiero imprimir array o números, todos ellos en la consola, pero quiero el doble de ellos por ejemplo. Por lo que podemos manejar los datos dentro de la matriz usando for loops o cualquier tipo de loops. Pero la forma más fácil es usar un bucle for. Entonces para bucle, como ves aquí cuando seleccionas para bucle aquí. Por lo que el código de Visual Studio creará para usted y matrizará todo. Todos los elementos de la matriz que necesita, o todos los miembros del bucle for que necesita imprimir o manejar el elemento array. O puedes escribirlo con tu mano. Voy a escribirlo por mis manos. Entonces voy a decir aquí cuatro y luego voy a decir let i, y entonces esto voy a, por ejemplo, ser esa longitud de la matriz. Tan como más pequeño de la longitud de la matriz. Entonces si ven que hay una propiedad que se llama longitud, y esta longitud fueron devueltos para mí. ¿ Cuántos elementos dentro de esta matriz? Entonces después de eso, voy a decir yo y luego plus, plus. Y después de eso abriré tirantes rizados. Y entonces voy a decir, vale, consola log para mí la matriz como este números. Y entonces usaré como índice, no un número, como como vimos antes, 0, 1, 2, usaré I. Así que voy a aumentar de 0 a la longitud de esa matriz. Entonces después de eso, si tenemos este número, así que intentemos imprimirlo así. No consigo nada, nada en la consola porque necesitamos inicializar el ojo. Entonces, como ves, a veces cometes errores, pero tienes que aprender de tus errores. Entonces tengo aquí faltando los ceros que debo inicializar la variable de valor es decir. Entonces cuando nos refresquemos, vale, me dieron 24, 36, 42, pero no me separé como una matriz como vimos antes. Entonces ahora puedo hacer cualquier operación en esos elementos de matriz. Por lo que voy a decir aquí como doblarlos, multiplicar por dos. Entonces obtendré el doble de esos elementos de matriz. Entonces de esa manera, asumiré que la longitud del punto de los números está regresando para mí, no uno o dos, el último índice, pero devolverá tres elementos. Por lo que devolverá tres. Entonces cuando digo exactamente igual, así no irá a tres. Entonces irá 012, que es exactamente lo que necesito para esta matriz. Por lo que hay que tener cuidado de que éste sea más pequeño que, exactamente no más pequeño que o igual. De lo contrario, obtendrías un error o ninguno diciendo que el último elemento de la matriz no existe porque estamos contando hasta tres y no hay como cuarto elemento aquí, que es el tercer índice. 77. Clonación de arcos superficial y profundo: Como ya hablábamos de objeto antes, esa copia del objeto siempre hace referencia a la misma ranura de memoria. Lo mismo vale para la matriz. Te voy a dar un ejemplo. Entonces voy a copiar esta matriz. Por lo que tendré como números de plomo, copia y este número es copia. Yo le asignaré números. Entonces de esa manera, copia de números va a tener copia o podemos tener los mismos datos de los números. Entonces cuando quiero cambiar, o primero vamos a como consola registremos esto para asegurarnos de que realmente está teniendo los mismos números o los mismos elementos dentro de los números. Entonces cuando guardo, refresco, vale, tengo array como veinticuatro, treinta y seis, cuarenta y dos. De acuerdo, ahora voy a la consola log también aquí, la primera matriz, como los números, diré aquí. Números. Al igual que también puedes combinar eso. Por lo que se puede decir array de números. Y entonces hay que decir aquí como el espacio. Y luego pones este signo como dólar y cierras la garrapata trasera. Entonces después de eso, podrás llamar al miembro o al miembro de esa matriz. Entonces después de eso, podemos hacer lo mismo por los demás elementos. Por lo que podemos tener aquí también por el Ártico. Y diremos números, copia y copia. Tendré signo de dólar y tirantes rizados y luego volver tick. Por lo que ahora tendré en la consola log dos matrices, 24, 36, 42, las mismas. Ambos son así de lo mismo. Por lo que ahora voy a cambiar el primer elemento de la copia de números. Por lo que voy a ir aquí y decir el primer elemento de números copia, cambiarlo para que yo sea como diez. De acuerdo, guardamos, refrescamos. Veremos que ambos obtuvieron 10. Entonces exactamente con objetos como tenemos la misma referencia a la misma ranura de memoria de esas matrices. Entonces no podemos copiar las matrices así, sobre todo si quiero hacer algunas operaciones en esa matriz. Por supuesto que puede usar esta operación, pero hay que saber que realmente está cambiando una matriz que afectará matriz original. Entonces de la misma manera con los objetos, puedes usar la clonación o podemos decir el operador spread. Por lo que solo puedes usar los corchetes así, no las llaves, sino los corchetes porque aquí tenemos array y luego los tres puntos. Y luego después de eso pones el nombre de la matriz original. Entonces cuando actualicemos ahora, veremos que tenemos 24 para la matriz original y luego para la nueva matriz o la matriz copiada como se ve aquí, porque cambiamos el primer elemento de la misma. Entonces esta es una de las formas de como clonar matrices juntas. Hay otra forma como usar para bucles. Por ejemplo, diría que como puedo definir una matriz vacía como esta. Y entonces haré un for-loop. Y con esto for loop, puedo decir que la copia de números es igual a, como podemos decir números copiar I o índice porque aquí definí el bucle ya o el iterador será índice. Diré que como índice numérica o índice de copia numérica es el índice de números. Entonces después de eso llenaremos esa matriz. Entonces aquí tenemos que poner la longitud de la matriz de números. Entonces guardamos, refrescamos como ven aquí, tenemos también en nueva matriz, este operador de raza que te mostré antes, está haciendo este trabajo. Por lo que podemos tener eliminar esto y usar la manera fácil y la forma moderna de clonar matrices juntas. Entonces así es la mejor manera. Entonces siempre cuando quieras clonar una matriz y quieres cambiar en ella, entonces usa este operador de raza. No tienes que usar las matrices, que te dije antes, o como la, como la operación igual que te dije antes aquí, que está totalmente mal porque va a cambiar la matriz original. Y como te mostré, si tienes matrices anidadas, como te dije antes aquí, como tenemos matriz de matrices, entonces tienes lo que necesitas usar, el clon deep, que viene del guión bajo o bajo arreglo de dash. Entonces aquí la baja biblioteca Dash te está proporcionando un método de clon deep. Y este método de clon se puede decir como lo que se quiere clonar. Entonces quiero esta matriz o números. Y de esa manera, hará para ti una nueva copia sin afectar la matriz original. Si la matriz clonada obtuvo valores cambiados. 78. El operador de propagación también se usa para fusionar armenios: Y utilizar también este operador de raza para fusionar matrices juntos como lo hicimos con el objeto. Por ejemplo, tengo dos matrices, nombres uno y nombres2. Permítanme definir una tercera matriz, que será el matrimonio entre nombre1 y nombres2. Entonces tendré aquí nombres tres, y luego lo daré como la fusión será el operador de spread que pondré nombres de tres puntos, 13 puntos nombrados Stu. Entonces en ese caso, tendremos el matrimonio entre esas matrices. Por lo que voy a consola registrar los nombres tres para ver el resultado. Entonces cuando tenga ahora este matrimonio entre esas matrices, tendremos, eso es todo, ambos están en una sola matriz. Como ven, tengo seis elementos. Entonces este es el camino o la forma más fácil de contraer matrices matrimoniales en JavaScript. 79. Reversión y clasificación de Arrays: Cuando exploremos los métodos de matrices JavaScript, veremos los múltiples métodos y métodos útiles para nosotros. Entonces por ejemplo, voy a usar ahora son como un método que se llama reversa. Entonces los nombres tres aquí tenemos como conjunta de ambas matrices aquí, nombres uno y nombres2. Entonces si digo nombre, esto re así. Y luego pongo un método que se llama reversa. Entonces veremos que esta matriz se volvió atrás, como el nombre de pila será Val y luego Annie, y luego el domingo RAM es Julia y John. Por lo que cuando loguemos en consola antes y después, veremos esa diferencia. Entonces ahora tengo aquí el original Joan Julia ROM es Sandy, y el segundo es el reverso, lo contrario de ella como de fin a inicio o escuchar de principio a fin. Entonces de esa manera se puede revertir matriz. También puede ordenar la matriz. Entonces mediante el uso de como el método sort. Entonces puedes decir aquí ese tipo. Y luego con este tipo de puntos, puedes tener como alguna matriz de compasión. Todo lo que dices como esta. Voy a comentar esto. Y luego verás que toda la matriz está ordenada. Entonces tenemos a John, Julia ROM como antes, y ahora está ordenado por carta, como ven aquí. Al igual que la primera letra es a y luego j, y luego nuestra S, y luego vocal al final. Por lo que la clasificación viene por letras. Si tienes números que la clasificación vendrá por números. Entonces esos grandes métodos, puedes usarlos directamente en JavaScript en matrices para hacer esas operaciones como revertir y ordenar una matriz. 80. Encontrar elementos de Array la matriz: Uno de los métodos de matrices es encontrar algunos elementos por nombre. Por ejemplo, quiero tener like, quiero buscar algún nombre y luego lo conseguiré en la matriz de la matriz. Entonces de esa manera se puede decir como yo tengo nombres, tres, otra vez, encontrar, entonces encontramos método. Se pueden encontrar algunos elementos en la matriz. Entonces el camino fácil aquí, es como, no es tan difícil porque conoces los elementos y solo puedes especificar el índice. Pero el método find también tiene algunas devoluciones de llamada. Por lo que también puede especificar alguna condición como en el, en la búsqueda dentro de la matriz. Entonces esta devolución de llamada, como recuerdas, los llamamos en las funciones y definimos algo llamado como la devolución de llamada. Y son funciones dentro como parámetro de alguna función. Entonces para tener eso, podemos usar esto como find y podemos definir otra función como devolución de llamada. Y llegaremos aquí como un valor. Por supuesto que puedes nombrar eso cualquier cosa que queramos. Y entonces es esto será una función de flecha. Y dentro de esta función de flecha, es necesario devolver una condición, esa condición la cual tendrá la evaluación para encontrar. Entonces, por ejemplo, quiero tener el valor para ser igual a como Annie por ejemplo, así. Entonces después de eso no tienes como igual así, pero tienes que tener un verdadero o falso como este valor. Después de loping en la matriz, se bucle. Va a ir uno por uno. ¿ John es igual a Ani? No, Julieta igual a cualquier no, no, no. Y luego Ani igual a Annie. Sí. Y entonces se lo devolverá por ti. Pero esta bien, devolverá array. Entonces esta matriz, tenemos que asignarla a otra variable. Entonces diré aquí que como nombre encontrado sea igual a éste. Por lo que voy a consola registrar el nombre encontrado. Entonces y luego veremos que volverá para nosotros sólo E10. Entonces vamos a refrescarnos. El regreso es Annie como ves aquí. Entonces el método find es encontrar un elemento de matriz específico bajo alguna condición. Entonces digamos por ejemplo, si recuerdas, hemos definido, como todo lo que hemos visto un método dentro de la cadena que se llama start with. Entonces si alguna cadena empieza con, por ejemplo, la letra J, entonces volverá para nosotros, como la matriz que está conteniendo Joan y Julia, porque esto es cierto. Entonces cuando el valor esté regresando o igual para empezar con j, entonces volverá para mí verdadero. Entonces cada vez que pase, entonces almacenará ese valor o que resulten en el nombre. Por lo que podemos llamar a esto como nombres encontrados porque encontraremos ahora múltiples nombres. Vamos a refrescarnos. Ve aquí. Y como ven, tenemos el primer elemento. Entonces en ese caso, ese método de hallazgo es encontrar sólo la primera ocurrencia de algún artículo. Entonces cuando tenga primero por aquí, entonces se detendrá. Y me va a devolver sólo la primera ocurrencia o sólo el primer resultado verdadero, que viene de esa condición. Si quieres usar de otra manera o regresar, son todos nombres, entonces tienes que usar otro método que se llama filtro. Y este filtro me va a devolver todos los artículos que empiezan con una letra J. Entonces como ven aquí, tenemos a Joan y Julia. Entonces, en otras palabras, filtro está regresando para nosotros y array, pero find está regresando para nosotros sólo un valor. Y este sólo un valor devuelto sólo después la primera ocurrencia de la condición válida o una condición verdadera que especificamos aquí. Y devolver el elemento que se encuentra, que está logrando esa condición. Por lo que tendrás que distinguir entre encontrar y filtrar. El filtro está devolviendo todas las ocurrencias después o bajo alguna condición. Pero find es devolver sólo la primera verdadera o la primera ocurrencia de la condición con ese valor. 81. Iteración con el Iteration: Si quiero manejar cada valor de matriz específica, si recuerdas, lo estábamos haciendo con for loop, como ves aquí. Pero hay otra forma de hacer eso que es más fácil y más efectivo y más rendimiento usando para cada uno, para cada uno también es un método definido en las matrices en JavaScript donde puedes recorrer los elementos de la matriz. Entonces, vamos a tener un ejemplo. Entonces voy a recorrer los nombres tres, otra vez, como tenemos aquí, Definir Nombres uno, nombres2 y volverlos a casar. Por lo que tendré aquí podrán nombres tres, y usaré un método que se llama para cada uno. De la misma manera, estos para cada uno, tendremos una devolución de llamada. Y esta devolución de llamada, se puede utilizar el valor por valor. Por lo que el valor regresará aquí, como dicen todos los elementos como el fin de semana aquí. Al igual que nombre más claro, podemos decir nombre. Entonces tenemos aquí nombres. Entonces voy a bucle por nombre, por nombre para cada nombre, y luego puedo usar ese nombre para lo que quiera. Entonces diré aquí console.log, ese nombre también. Entonces cuando nos refrescamos, ves Nuestro, vale, imprimí primero la matriz, que está aquí. Y luego pongo en el DNI, nombre por nombre para cada uno está haciendo su trabajo. También puedes hacer o escribir el índice. Por lo que puedes decir aquí una coma como otro parámetro y decir índice. Y con el índice se puede consolidar el registro de consola también. Por lo que puedes usar el índice de esa matriz. Como ves, tengo el índice y el valor que es una cadena. Entonces de esa manera puedes recorrer la matriz de manera diferente. Estamos usando el foreach. 82. Cambiar el arreglo con el Array la base: ¿ Y si, por ejemplo, quiero tener algunos cambios en alguna matriz. Por ejemplo, quiero sustituir a Joan por éste. Entonces como ves aquí, como puedo hacer un cambio en la matriz y devolver una nueva matriz que contenga los cambios. Hasta el momento que puedo recorrer, por ejemplo, el nombre es 3, que es matrimonio entre nombres y uno, y nombres2. Para que podamos recorrer el bucle y encontrar a Joan y reemplazar a Joan por ese fantasma. Por el momento que voy a tener aquí nombres tres. Y entonces usaré un método que se llama mapa. Entonces con el mapa, puedes hacer lo que quieras con los elementos. Puedes cambiarlos. Te puede gustar hacer alguna operación en elementos específicos basados en algunos valores similares. Entonces o alguna condición. Entonces por ejemplo, por supuesto tendrá la misma función de devolución de llamada. Y esta función de devolución de llamada, se puede hacer con ella como aquí. Se puede tener el oro de vuelta. Y entonces te servirá como puedes hacer lo siguiente. Entonces, por ejemplo, quiero decir si nombre es igual a Joan, así. Entonces cuando encuentre alguna Joan, entonces hay que decir nombre es igual a éste. Por lo que sólo puedes poner como una cuerda. Entonces por supuesto copié este emoji de internet. Entonces ahora tenemos si estos array o esta matriz, cuando está en bucle y encuentra a Joan, entonces lo reemplazará con este valor. Como ves, utilizo la misma variable, nombre, nombre y nombre. Ahora podemos en consola registrar la matriz después del cambio. Entonces diré aquí, nombres, ciudad, otra vez, consolarme los nombres de tres. Entonces vamos a refrescarnos. Como ven, nada cambió aquí porque necesitamos asignar, nuevo que este mapa está regresando para mí una nueva matriz que cambió matriz. Entonces para este mapa, tengo que decir nombre tres, o puedo definir una nueva matriz. Podemos llamarlo nombres para. Y estos nombres para, puedo consolarlo. Entonces de esa manera, tendré el nombre cambiado tres array y asignado dos nombres para. Entonces hagámoslo. Entonces llegué aquí todo indefinido. ¿ Por qué? Debido a que este método de mapa, debes hacer una devolución. Entonces, después de hacer alguna operación en ese nombre o ese elemento como, como te dije, mapa también está en bucle en la matriz. Por lo que después de hacer alguna operación, hay que devolverla. Por lo que la devolución del nombre. Entonces como ven aquí, todo dentro de esta devolución de llamada, tengo aquí esta función, el parámetro. Y luego abro aparatos ortopédicos, y luego tengo aquí la condición if. Hago alguna operación en el nombre, lo cambié a fantasma, y luego lo devuelvo. Por lo que el regreso será para esta función. Por lo que el mapa recibirá ese retorno y luego lo guardará en su nueva matriz. Entonces después de eso, no conseguirás que indefinido. Por lo que siempre tienes que asegurarte de que estás devolviendo el elemento, que está haciendo alguna operación. Entonces por supuesto, no le devolví el nombre, como dentro si porque si lo devuelvo sólo dentro, si van a ver que yo, bien, me dieron primer valor, pero el resto son indefinidos porque no lo devolví fuera de la F. Entonces como les dije, el mapa también está en bucle. Entonces cuando el nombre es John, entonces está devolviendo el nombre pero no funciona, pero cuando su nombre no lo es, no lo hagas, entonces está dando indefinido. Entonces es mejor. En cualquier caso, al final, recuerda devolver el valor pasado o el valor de devolución de llamada al final de la devolución de llamada de la función de mapa. Me gustaría señalar aquí que por supuesto, para cada uno no está haciendo ese trabajo por ti porque para cada uno está regresando vacío, no devuelve una nueva matriz. Si haces un bucle y cambias algún valor y haces un retorno. Pero el mapa está devolviendo una nueva matriz, como se ve aquí, está devolviendo matriz de cadenas. Entonces como porque aquí tenemos la matriz de cadenas, por supuesto que se lleva sus números o cualquier cosa. Entonces, como ves aquí, cuando quieras recorrer los elementos en matriz, vale, usa para cada uno. Pero si quieres cambiar la matriz bajo alguna condición, entonces usa mapa. No use el mapa para bucle dentro de la matriz. Por supuesto que es correcto. Pero es mejor usar todas las funciones para las que se especifican. 83. Explorar Array.reduce: Asumamos que tenemos matriz de números. Llamo a esta matriz como números reducidos. Entonces de esa manera, quiero tener la suma de esos números. Por supuesto que se puede hacer eso manualmente usando la acumulación y para bucles o para cada uno. Pero también es mejor usar algún método que ya está definido en JavaScript. Entonces definiré aquí una variable, lo llamaré suma. Y esta suma, voy a usar un método dentro de la matriz que se llama reducido. Por lo que este método se está comportando como acumulador. Por lo que tendrá dos parámetros. El primer parámetro será acumulador, y el segundo parámetro será el número actual, exactamente igual que con el nombre. Pasará por encima de los nombres y luego hará algo con ese acumulador. Entonces con acumulador, puedes hacer alguna operación como si tuvieras que conseguir la suma. Por lo que se puede tener el valor previo de este acumulador más el número reducido, como cada número. Entonces cuando tengas eso, así se irá, Va a tener el valor anterior más el valor actual. Entonces primer bucle, será como 10 y este acumulador será 10 y 10. Y luego segunda ronda, ésta será diez y esta 20. Entonces después de eso combinará 20 y eso entonces, así tendremos terapia. Entonces después de eso tendremos 30 y aquí tendremos como el 30 también. Entonces como ven aquí, cuando haga esta operación y vuelva a la suma, entonces obtendré el valor. Tengamos un registro de consola también. Entonces tendré aquí registro de consola, obtengo 100. Entonces por supuesto se puede hacer cualquier operación como por ejemplo, voy a hacer esto y luego me van a multiplicar todos esos miembros de la matriz. Entonces para entender esto más, les voy a mostrar cada consecuencia de esta acumulación. Voy a marcar la acumulación y voy a imprimir el número reducido o el valor actual. Para que puedas cambiar el nombre de esto para que sea más fácil para ti. Podemos llamarlo valor actual. Por lo que aquí el valor actual para usar números, sustituimos todo esto. Por lo tanto, vamos a la consola a registrar esto también. Y ya veremos, así la acumulación, así tenemos aquí la acumulación y aquí el valor actual. Entonces vamos a ver qué va a pasar. ¿De acuerdo? Entonces la primera ocurrencia ocurre como la acumulación tiene entonces, y luego el número actual obtuvo 20. Por lo que se necesita primero, segundo número, como se ve aquí. Entonces se necesita esto y esto. Y después de eso, hace alguna operación o ambas y guarda de nuevo el valor o el resultado de eso en el acumulador. Por lo que en el nuevo acumulador, tendremos la multiplicación entre 130, entre 10 y 20. Entonces como ven aquí, llegamos aquí 200. La segunda iteración de ese acumulador. Al igual que tú también puedes hacer así. Tienes que asegurarte de que tienes exactamente la misma manera de gustar para entender el 12. Entonces tenemos aquí. Entonces como ves, lo siento, aquí no tenemos el plus. Entonces como ven aquí, primero acumulador es de diez, y luego la corriente es de 20. Entonces obtuve el primer valor, los multiplico, luego el acumulador consiguió 200 porque esto se multiplica 10 por 220. Y entonces la corriente es de 30, que es el tercer elemento de la matriz, y luego multiplicarlos juntos, obtengo 6000. Entonces de la misma forma en que se está comportando. Por lo que sólo hay que pensar que este es un valor previo y este es el valor actual. Y el valor de retorno está afectando al acumulador. Para que puedas hacer lo que quieras con esa reducción. Espero que lo entiendas. Entonces si tienes como algún problema con eso, solo haz este ejemplo y entenderás lo que está pasando dentro de ese reducir. 84. Explorar Array.some: Estamos explorando en esta sección o los métodos de las matrices. Entonces, por ejemplo, hay otro método que se llama suma. Y este método de suma donde prueba si el al menos uno de los elementos en la matriz logrando alguna condición o pasa alguna prueba de condición. Y si sí, volverá para nosotros un verdadero. Entonces intentemos eso. Entonces estoy asumiendo que tengo esta matriz números reducidos y voy a recorrer sobre ella usando algunos. Entonces con esta suma, como ven aquí, podemos tener una función de devolución de llamada y contendrá el, por ejemplo, el número actual. Y por supuesto recorrerá todos los números. Y luego se puede decir, quiero devolver el número o el número actual, que es igual a 10. Entonces cuando sea igual a diez, o cualquier número sea igual a 10, entonces volverá por ello, para mí cierto. Entonces dirá aquí como vamos a sumar. Por lo que esta suma podemos consolidar y podemos ver aquí xm. Y luego quitamos el comentario, refrescamos. Entonces como ven, tenemos un verdadero porque uno de los números tiene 10. Pero si lo cambio a, por ejemplo, 212, no tengo 12 en esta matriz. Vamos a ahorrar. Y ahora eso es todo lo que se le asignará a algunos. Entonces podemos tener aquí falso. Entonces como ves eso, es como cuando queremos encontrar algún elemento o descifrar algunos elementos existen en la matriz o no. Se puede utilizar este método de suma. O incluso también. Se puede decir si hay algún número impar, por ejemplo, aquí los tenemos todos parejos. Entonces de esa manera se puede decir sólo el número actual, como mod dos no es igual a 0. Entonces podemos probar eso. Entonces vamos a ahorrar de nuevo. Y veremos eso falso. No, porque no hay, cualquier número es impar. Pero la mayoría de ellos o todos ellos, son pares números. Por lo que pasamos. Por lo que puedes hacer cualquier operación aquí. Por ejemplo, busca algún nombre o busca como algún valor específico dentro de la matriz, objeto específico, etc. Hasta el momento que puedes usar ese método. 85. Explorar Array.Cada de los datos de Array. : Entonces en la conferencia anterior, vimos que si algunos de los elementos logran esta función o este método o esta condición, entonces volverá para nosotros verdadero. Pero ahora vamos a revisar todos los elementos. Por lo que cada elemento de la matriz debe lograr esa condición. Entonces voy a poner aquí este ejemplo, comentado para ver que es todo el último trabajo. Entonces podemos poner aquí, puedo llamarlo todo, por lo que cada elemento de esta matriz debe lograr esa condición. Entonces el método es todo, es exactamente la misma sintaxis. Va a tener una devolución de llamada, que es función de matriz y luego o función de flecha. Y entonces me va a devolver la condición que se va a lograr o no. Y comprueba esto con todos, así que vamos a comprobar eso ahora. Y como ves que todos los elementos de esta matriz son parejos. De acuerdo, entonces ahora vamos a revisar otra condición. Entonces por ejemplo, quiero decir, perdón, aquí, quiero decir que todos los elementos son menores de 30. Entonces digamos que el número actual de 30. ¿ De acuerdo? Esto es falso porque no todos ellos o terapia o menor que 30 porque ahí tenemos 40. Pero cuando pongo 60, por ejemplo, vale, Todas son menores a 60. Entonces guardamos o refrescamos, como ves es cierto. Por lo que todos los elementos deben lograr esa condición. Por lo que a esto se le llama Every. Pero si uno al menos logra esa condición, esto se llama suma. Por lo que son totalmente opuestos.