JavaScript desde cero (parte 1: nivel principiante)

1. ¿Qué es JavaScript?: Hola, amigos. Yo soy Kumar und, y ustedes están viendo otro de nuestros cursos de formación En este curso, uno de nuestros profesores te enseñará. Los profesores pueden ser diferentes. Escogeremos al mejor profesor para los cursos. Así que por favor comparte tus pensamientos con nosotros. No voy a tomar más de tu tiempo. Este eres tú, y esto es extraña Saman Mazdi Gracias, mers. Hola a todos. Mi nombre es Sama Ne Mashi Sheriff Ovadi y seré tu maestra en Antes de todo, necesitamos saber por qué debería aprender Java Script. Java Script es uno de los lenguajes de programación de aprendizaje más populares del mundo. Y además, Java Script es el lenguaje de programación de la web. Si quieres diseñar un sitio web o una plantilla web, necesitas conocer Java Script, y por supuesto, es fácil de aprender. Además, para diseñar sitios web y plantillas web, puedes usar JavaScript para escribir aplicaciones para teléfonos móviles, para windows, para diseñar juegos usando JavaScript, y muchas otras aplicaciones. Pero uno de los usos importantes de JavaScript es para el desarrollo web. ¿Qué es JavaScript? Si quieres ser desarrollador web, como front y desarrollador, como front y desarrollador, necesitas conocer al menos tres lenguajes de programación de la P que son HTML hace que el esqueleto de una página web, CSS, que sea la piel de tu página web o webemplate, y Java script, ese es el cerebro de tu plantilla web Usando el script Java, puedes definir una reacción para cada acción de los usuarios. Entonces, si quieres ser un desarrollador frontal y desarrollador o desarrollador full stack, primero necesitas saber, HgmnCSS, para diseñar tu plantilla y cómo debería quedar para el usuario Y luego usar JavaScript para responder a la acción del usuario. Si no conoces GmnCSS y quieres aprender script Java, puede ser un poco difícil para ti entender algunos temas en JavaScript Entonces, si ya sabes de HTML y Css, aunque sea un poco, también puedes aprender script Java junto con ellos. Pero si no lo sabes, insisto primero en aprenderlos. Qué podemos hacer usando Jova Script. En la web, puedes cambiar contenido de CML, estilos, valores de atributos, mostrar u ocultar tus elementos, y muchas otras cosas que puedes hacer usando JavaScript. Incluso puedes conectarte al servidor y recibir datos del servidor y mostrarlos a los usuarios u obtener datos de usuario y enviarlos al servidor. Si te interesa el lenguaje jovacript, y quieres aprender a programar usando el lenguaje JavaScript, únete a programar usando el lenguaje JavaScript, mí en 2. Día 1: instala el editor de JavaScript: Hola a todos, y bienvenidos de nuevo. Como hablamos de guión Jova en este curso, necesitas un editor para escribir tus programas en idioma jovacript Hay muchos editores, incluso los gratuitos que puedes usar para escribir programas en guión de Jova Por ejemplo, tenemos Notepad plus fors, tenemos VSCode, y también muchos otros editores también En este curso, usaremos VSCode para escribir nuestros programas de script Jova Si ya conoces HTML y CSS, definitivamente conoces el editor VSCode Antes de todo, necesitamos instalar primero el código VS en nuestro sistema. Veamos cómo instalar el código VS en tu sistema, primero debes descargarlo. Para descargar esto, busca código VS en el navegador o código visual SDO, como ves aquí en el resultado Haga clic en este enlace, y verá esta página. Dependiendo de su sistema operativo, elija el correcto, ya que estoy usando windows. Yo elijo las ventanas. Instálelo. El proceso de instalación de VSCode es realmente sencillo. Simplemente haz clic en el siguiente patrón y tendrás tu editor instalado, y al final, podrás ver el entorno del VSCode para empezar a trabajar en VSCode para programar usando el trabajar en VSCode para programar usando Para crear una carpeta para tus proyectos FI. Por ejemplo, aquí, en MDS, creo un nombre de carpeta JovASCY Y dentro de esto, creo un nombre de carpeta basico. Y aquí en VSCode, puedes seleccionar menu fi, luego abrir carpeta Después selecciona la carpeta que creaste para tus proyectos, haz doble clic en esta carpeta de selección o puedes hacerlo fácilmente en tu mi computadora. Aquí, escribe hélice en tu carpeta, Open D code. Si quieres tener esta opción, cuando escribes hélice en una carpeta de tu computadora, cuando quieras instalar el Vd, recuerda marcar esta opción Abra VSCode. Como veis, tengo esto en VSCode Y todo mi archivo de proyectos se puede colocar dentro de este. Todo lo que creas en la carpeta de tu proyecto, por ejemplo, déjame crear un archivo de texto. Verán, aquí también tengo este archivo de texto. Y si hago clic en este botón y pre hendidura, puedo eliminar este archivo de mi archivo de proyecto, o incluso puedes seleccionar nuevo archivo de aquí o nueva carpeta desde aquí, si quieres organizar tus archivos en diferentes carpetas. Podemos usar estos iconos aquí también. Nuestra carpeta de proyectos es redna. ¿Qué más necesitamos? ¿En la parte del elevador aquí en extensiones? Haga clic. Necesita una extensión para que pueda ver cada cambio que realice en sus archivos TML instantáneamente en el navegador Este es servidor en vivo, como ves aquí. Si no tienes instaladas estas extensiones, en tu código is, puedes buscar fácilmente aquí como servidor en vivo e instalar esto porque ya he instalado esta extensión en mi viscode Tengo el botón desinstalado en lugar del botón instalado Por lo que podemos hacer clic fácilmente en el botón instalación e instalar esta extensión en su alcance. ¿Cuál es el beneficio de esta extensión si tienes una instalación en tu rescopio Por ejemplo, si hago clic en esto y creo un nuevo archivo, por ejemplo, main en HTM, para archivo GML y agrego algunos contienen a mi documento HTML, por ejemplo, algo así, puedes escribir click sobre esto y abrir con servidor en vivo, o en la barra satus aquí, dar click en, ir en Déjame presionar esto. Verá, mi documento SGML ya está abierto en el navegador Después de esto, después de abrir tu documento HTML en el navegador, cada cambio que realices aquí, por ejemplo, algo así y guardarlo instantáneamente, los cambios aparecerán en el navegador, y no tienes que actualizar este documento en el navegador. Así que hasta ahora para comenzar a programar. En el lenguaje de guiones Jova, necesitamos un editor como VSCode, una extensión como live server, y un documento InchML que podamos escribir nuestros códigos de script Jova dentro él y probarlo Únete a mí en la siguiente parte para comenzar a programar usando el script Jo. 3. Día 1: primer programa de JavaScript: Hola a todos, y bienvenidos de nuevo. En este do, vamos a crear nuestro primer programa de script Jova Como estamos trabajando script ova en la Web, creo documento HTML ahora mismo con el nombre punto principal T en mi carpeta de proyecto. Para agregar script Java a su documento HTML, tiene diferentes formas. Primero, puedes escribir tu código JavaScript, escribir en la parte principal de tu documento HTML usando el elemento script. Elemento script. Dentro del elemento script entre la etiqueta de apertura y cierre, escribes tus códigos de script Java. Otra opción aquí es escribir código JavaScript. Al final del elemento del cuerpo. Entonces aquí agrego el guión y la cinta de prensa. Y nuevamente, dentro de esto, puedo escribir mi código de script Java. ¿Cuál es la diferencia entre escribir paisajes en la parte principal de su documento HTML o al final del cuerpo de su documento HTML Colocar scripts en la parte inferior del elemento body mejora la velocidad de visualización, especialmente cuando tiene muchos scripts que desea agregar a su documento HTML. Porque si los pones en la parte principal de tu documento HTML, mostrar el contenido de tu documento CML se pospondrá hasta que se ejecuten todos los scripts para tu documento HTML Esta es la causa de la lenta visualización en algunas plantillas web. Otro punto es que puedes tener cualquier número de scripts dentro de tu documento HTML, y además puedes ponerlos ambos en la parte de cabeza de tu documento TML o en el elemento body, o solo uno de ellos. Otra forma de usar JavaScript dentro tu documento CML es que definas los códigos JavaScript en un archivo separado, como lo que tenemos para los archivos CSS Los archivos CSS externos. Cómo, por ejemplo, aquí, creo una nueva carpeta llamada assets, y Dentro de los assets, creo una nueva carpeta, por ejemplo, JS, para mi JavaScript f. Dentro de este, creo un nuevo archivo llamado main dot JS. La extensión para archivos Jovakt es JS, y todo lo que escribas Inside JS five debe ser código script Java En lugar de escribir código dentro del elemento script, puedo hacer un enlace a mi archivo de script Java externo. ¿Cómo se usa el elemento script aquí con el atributo SRC? Para el atributo SRC, debes definir la ruta f o la URL de tu Javascript cinco. Puede ser absoluta o puede ser relativa. URS absoluto, comience con HTTP, y la URL relativa no comienza con HTTP. Y los archivos deben colocarse dentro de la carpeta de tu proyecto. Por ejemplo aquí, mi archivo JS, mi archivo script Jova está dentro de los activos, JS, así que escribo punto para volver a la raíz de mi archivo de proyecto y activos y JS, y luego punto principal JS Esta es la ruta del archivo de mi archivo JavaScript. Y así, agrego este archivo JavaScript a mi documento HTML. Presta atención a aquí. Si quieres ir a la raíz de tu carpeta de proyectos, aquí usas un punto para un prier Pero si quieres subir solo una carpeta, puedes usar dos puntos aquí. Entonces un punto para raíz, dos puntos, para carpeta superior. dos puntos, agregas aquí, significa sube y sube y sube a los padres al padre del padre y sube. Pero para aquí, solo necesito ir a la raíz de mi carpeta de proyectos. Bien. Ahora agreguemos algo de código en nuestro javascript. Cinco. Aquí utilizo este Csole dot log si quieres mostrar algo En el Csle del navegador, puede utilizar la función de perro Cónsul en Por ejemplo, algo así. El mensaje que puedes mostrar en la Consola, debería estar dentro de doble cita aquí así, y debes separar las sentencias del script Jovi usando semi columnas, así Déjame guardar esto y también mi archivo de cuento y verlo en el navegador. Como ves, no hay ningún cambio en el navegador. Entonces donde nos asesoramos perro mensaje será mostrado. Escribo, da click aquí e inspecciono, luego en el desarrollador para, tienes esto puedo como ves cónsul Si haces clic en esto, podrás ver el mensaje que es del registro de puntos de la consola. También puedes escribir esta declaración aquí entre el elemento script en la parte de cabeza y en la parte del cuerpo. Déjame pegar esto. Aquí y cambiar el mensaje y también aquí y cambiar el mensaje. Y vamos a guardar y ver el navegador. Y como ves, podemos ver el Csle de la ventana del navegador Para cada navegador, puede acceder a ventana de Cosle usando ck derecho e inspeccionar y su documento Stame Después selecciona la pintura Cosle. El uso principal del registro de puntos Cosle es para fines de depuración Por ejemplo, si tienes un error en tu código de script JOS y quieres encontrar lo que está mal con tu código, podemos usar counsel dot log y ver el resultado en la Csole de la ventana del navegador En fin, este fue nuestro primer programa en Jocre. Hablaremos más sobre JOSCre, declaraciones y cómo escribir un programa usando JosCrip en 4. Día 1: muestra información en JavaScript: Hola a todos, y bienvenidos de nuevo. En este do, vamos a hablar de cómo mostrar datos en JavaScript. Tenemos diferentes formas de mostrar nuestra información usando código JavaScript. Puede ver diferentes formas de mostrar información en esta tabla. En SGML, punto de documento, ventana o Alerta, cose dot log Hablamos de Cosle punto log en el video anterior. Ahora hablemos de las otras formas. Tengo aquí mi documento semel que creé en el do anterior Primero, quiero encomiar el elemento guion en la cabeza y en el cuerpo Selecciono esto y presiono barra de control en mi teclado para elogiar También para esto, Dentro de mi punto de script Java, quiero mostrar información usando una forma diferente. Además de Cosle punto L, tenemos alerta de punto de ventana La alerta de función del objeto de ventana en JavaScript se utiliza para mostrar datos en un cuadro de alerta. El parámetro que se pasa a la función alert aquí se debe colocar dentro de una cita doble, o puede ser una declaración también. Por ejemplo, algo así y guardar y ver en el navegador. Cuando mi documento de cola se carga en el navegador, recibí este mensaje en el cuadro de alerta. Lo que ves aquí es Allert box, y la forma de mostrar esta caja, en diferentes navegadores es diferente Esto es, y ves la caja Allert, algo así. El cuadro de alerta tiene un botón con k. Si presiona, este cuadro de mensaje o cuadro Allert se cerrará Y también puedes ver mi mensaje hola de Allert aquí. Y si presiono, está cerrado. Puedes saltarte el punto de la ventana aquí. Window jo es un teclado y apunta al objeto de ventana. Cada función o variable que se defina en el objeto window, podemos acceder a ellos sin usar el teclado de ventana. Aquí puedo escribir alerta en lugar de alerta de punto de ventana y escribir mi mensaje dentro los paréntesis para esta función de alerta El mensaje debe estar dentro doble cita y algo así. No olvide el punto y coma al final y vea en el navegador El primer mensaje se mostrará en el navegador. Y cuando haga clic, Bien, el segundo me será mostrado. Por lo que puedes usar alert para mostrar diferentes mensajes en diferentes condiciones al usuario. Y al hacer clic en el ok, el mensaje se ha ido, y el documento se mostrará nuevamente al usuario. La siguiente manera de mostrar un mensaje. En Java script se utiliza documento punto. Así documento método punto escribir. Puede escribir una o más expresiones de declaración dentro de este método. Por ejemplo, déjame escribir algo como esto. Antes de correr, quiero comentar estas líneas para comentar estas líneas. selecciono todos y presiono control en mi teclado y tecla slash al mismo tiempo Ya ves que todos ellos están comentados. El comentario en los scripts de Jova no se ejecutará en el navegador Entonces, si quieres no ejecutar una sentencia en el navegador, puedes comentarla fácilmente. O si quieres agregar una explicación para alguna parte de tu código de script Jova, puedes usar comentarios Ahora veamos unos en el navegador. Como ve, el mensaje se está mostrando aquí. Ten cuidado. Este método solo debe usarse para pruebas. Si usa este método, después de cargar el documento HTML, sangrará todos los elementos HTML existentes. Déjeme mostrar esto usando un ejemplo, pero voy a explicar este ejemplo más adelante. En mi documento SML, después de H un elemento, agregaré un botón Algo así. Y en la etiqueta de apertura, agrego botón tipo y agrego evento de desclic Hablaré de los eventos en JavaScript más adelante. Así que no te preocupes por esto y dentro de esto. Puedo escribir un código Javascript. Algo así. Mire con cuidado aquí. Tengo doble cita alrededor de esto, así puedo escribir mi código sip de Java dentro de este evento. Pero si quiero escribir un mensaje dentro de escritura documentada, necesito usar doble cita. Pero si usas cita doble aquí, es un error. ¿Por qué? Porque trato de cerrar mi anterior doble cotización que está aquí y abrir una nueva. Es un error. En esta situación, puedo usar una sola cita aquí y un mensaje. Algo así. Ahora veamos que veo en el navegador. Este es el botón que tenía aquí, y este es el mensaje que escribí dentro de mi archivo Minda JS Si hago clic en esto, ahora puedes ver eso, todo el HML existente se ha ido Entonces, si usas documento que es justo después de cargar tu documento HTML, eliminará todas las demás etiquetas HTML. La siguiente manera de mostrar información usando el script Jo en su documento HML es Si quieres usar HTML interno, necesitas un elemento con el atributo ID. Entonces por ejemplo, aquí, agrego un elemento P con la prueba de ID, por ejemplo, y no agregué ningún contenido para este elemento p aquí, sino dentro de mi archivo JavaScript, escribiré un contenido para este párrafo dentro de mi documento HTML. Para ello, necesito acceder a mi elemento usando código JavaScript. JavaScript tiene un método, por lo que puedes acceder a los elementos con sus ID. Yo uso documento que obtiene elemento por ID. Como ves, también tenemos otros elementos git. Aquí, por ejemplo, por nombre de clase, por nombre y el otro. Aquí necesito obtener elemento por ID. Dentro de esto, debería definir el ID de mi elemento en doble cita. ¿Cuál era la identificación? Lo defino como prueba. Entonces uso SGM interno y propiedad aquí, y signo igual, y escribo mensaje dentro de este usando doble cita Ahora, digamos que veo en el navegador. Como ves, esta es la prueba P con ID. Déjame inspeccionar esto. Como veis, este es el elemento P con la prueba ID, porque escribí en mi parte Javascript, para probar el elemento est interno para este elemento, se cambia el contenido de este elemento, cuidadosamente. Aquí, no hay nada dentro este elemento de párrafo como el contenido. O si escribo todo, por ejemplo, algo así, cuando se ejecuta el código del script Joa, se cambia el contenido de este párrafo Puede utilizar este sitio para mostrar diferentes mensajes en diferentes condiciones a sus usuarios. No te preocupes de cómo o cuándo puedes usar las diferentes formas de exhibir en Joscript, aprenderás a través de este curso, todas ellas. Gracias por ver, únete a mí en la siguiente parte. 5. Día 2: variables de JavaScript: parte 1: Hola a todos, y bienvenidos de nuevo. En Dido, vamos a hablar de variables en Jovisk. Si ya conoces un lenguaje de programación, estás familiarizado con las variables. Usamos muchas variables en un programa usando cualquier lenguaje de programación. ¿Por qué utilizamos variables? Porque necesitaremos almacenar valores de datos para más adelante. De hecho, las variables son contenedores para almacenar valores de datos para diferentes propósitos. Por ejemplo, puede ver aquí la variable X, mensaje y el punto variable aquí. Y estos contenedores tienen un valor para cada variable. En Jova script, podemos definir variables de diferentes maneras Automáticamente significa que la variable se declara cuando se usa por primera vez. Por ejemplo, vemos aquí. También tenemos palabras clave para definir variables en Joacri. V, plomo y const. La sintaxis o la forma en que puedes usar estas palabras clave para definir o declarar una variable son las mismas, pero tienen algunas diferencias. Cuando los usas para declarar una variable. Declarar variables significa crear variables. Utilizamos lead o a para crear nuestras variables. Puedes ver la sintaxis para definir variables en Jo slip aquí usando un teclado. Si quieres asignar un valor a una variable que definas, debes usar signo igual. A esto le llamamos operador de asignación de señales en Jo scrip. Puedes ver el texto syn para asignar un valor a una variable aquí Después de declarar la variable, cuando se declara la variable. Para definir una variable. Necesitas nombres de variables, o podemos llamarlo como identificador. Los nombres de las variables deben ser únicos, y tenemos algunas reglas para definir los nombres de las variables. Cuando define una variable en el script JoA, es sensible a letras minúsculas o mayúsculas Puedes usar dígitos de letras, subrayados y signo de dólar en tus nombres de variables Pero no puedes iniciar un nombre de variable usando dígitos, y tampoco puedes usar teclados reservados en Jos k para definir un nombre de variable Por ejemplo, no se puede usar var para definir un nombre de variable o let o ct. Estos teclados no se pueden usar para definir un nombre de variable. Estos teclados no se pueden usar como nombres de variables. Como dije, tenemos diferentes formas definir tus variables declares en Jovi, usando variables definidas automáticamente que no se recomiendan Es mejor definir siempre tus variables antes de usarlas. Pero si quieres usar a, let o constante definir tus variables, tienen algunas diferencias. Pero esta es una ruta que puedes elegir, cuál es mejor para ti. Si no se debe cambiar el valor, use cons para definir sus variables. Dijimos variables, pero no se debe cambiar el valor. Si no se debe cambiar el tipo, use el costo. Dondequiera que puedas usar el costo, puedes usar let para definir tus variables. Si quieres dar soporte a todos sus navegadores, puedes usar para definir tus variables. Ahora definamos variables y usémoslas. Tengo aquí un documento de logro sencillo. Tiene solo un elemento SML y un elemento P para mostrar resultados, por ejemplo, y guión para hacer referencia a mi guión Jova que es Gs principal En el interior. Principal que GS no tengo nada por ahora. Eso no son algunas variables dentro mi script Jova y mostrarlas en el navegador Como digo, tenemos diferente manera definir variables en Joa script La primera son las variables definidas automáticamente. Utilice establecer un nombre, por ejemplo, X, y es signo igual y definir un valor para esta variable. Y no olvides la columna sem al final de la luz. A esto se le llama variables definidas automáticamente. Es posible que estas variables definitorias no sean compatibles con los navegadores más antiguos. Si quieres estar seguro de que tu archivo Jovkit también se ejecutará en los navegadores más antiguos, necesitas definir las variables usando teclados variables Déjame añadir comentario aquí. Si quieres agregar comentario en ova skip code en una sola línea, puedes usar dos barras Pero si quieres agregar un comentario que sea más de una sola línea. En lugar de dos cortes, puedes usar start para el inicio y start slash para el final de las líneas de los comentarios Estos comentarios no se ejecutarán en el navegador. Puedes comentar la línea de tu código o agregar una explicación a alguna parte de tu código usando comentarios. En fin, esta es mi variable, y quiero mostrar el valor de esta variable en la consola de consola que log. Si recuerdas en el video anterior, dije, puedes usar un mensaje en la función de registro para mostrarlo en la consola del navegador. También puede mostrar sus variables usando la función de registro. Simplemente use el nombre de la variable aquí. Defino mi variable como X, y la uso. Digamos cuando en el navegador. Porque dije que el valor de la variable x debería mostrarse en el cosle Necesito inspeccionar aquí, derecha Klick y deslizar inspeccionar y elegir el coso para mostrar el valor de la variable x para mí. Si no ves la consola aquí, simplemente haz clic en este plus sine, mortal y elige consola de aquí. Como veis, aquí tengo 100, el valor de la variable x. Si necesito, puedes agregar más explicación usando L. Por ejemplo, algo como esto. Y si quieres mostrar en similares, algo como esto, no olvides la línea más aquí y di, ahora puedes ver el valor de la variable x es 100. Únete a mí en la siguiente parte. 6. Día 2: variables de JavaScript: parte 2: Hola a todos, y volveremos. En el video anterior, comenzamos a hablar de variables en JavaScript, y creamos una variable llamada X con el valor 100 y mostramos el valor de la variable x en los navegadores cose. Usando Cosle. Ahora definamos las variables usando teclados variables Por ejemplo, aquí uso el teclado. Entonces debería establecer un nombre para mi variable. No olvides las reglas para nombrar variables. Por ejemplo, aquí elijo Y como mi nombre de variable. Y semicol. Si desea asignar un valor a la variable, puede hacerlo cuando declare la variable. Por ejemplo, algo así, defino la variable z con el valor 200. Aquí, solo defino la variable. Y. Pero no establecí un valor para esto. Podemos establecer un valor para nuestras variables más adelante cuando las necesitemos. Por ejemplo, aquí, puedo establecer un valor para la variable y usando operador de asignación que es igual signo. Por ejemplo, configuré algo como esto, y también puedes mostrar los valores de las variables usando el registro de puntos de consola también. Déjame copiar esto de aquí. Pega aquí. Cambié el nombre como y aquí. Si quieres saber este valor pertenece a qué variable, agrega un mensaje usando doble cita aquí y un signo más aquí, y también aquí para z, y déjame agregar después de esto para y Digamos una C en el navegador. Primero, tenemos el valor 100 para x, luego el valor undefined para y variable y, porque aquí acabamos de definir la variable y, pero no asignamos ningún valor a esta variable. Cuando el valor de una variable no está definido en Joa script, tenemos undefined como el valor Como ve aquí, defina. Entonces tengo el valor 200 para la variable z. Después de asignar un valor para la variable y. Ahora el valor para la variable y es 5.5. De todos modos, también podemos definir una variable usando el teclado lead. Yo uso lead aquí y así defino un nombre para mi variable, por ejemplo, tenemos la misma regla para definir variable usando lead y v Aquí, puedo asignar un valor para mi variable. O simplemente puedo definirlo y posteriormente asignar un valor a la variable. Permítanme definir esto. Por ejemplo, vamos B a diez, y ahora aquí le asigno un valor a mi variable A, por ejemplo, algo así, y también copio estas líneas para mostrar los valores de la variable en contras. F aquí y por aquí, podemos ver que, el primer valor para la variable A es indefinido. Porque no le asigné ningún valor. Para B es diez porque le asigné un valor, y después de asignar un valor a la variable A, el valor para esta variable es 20 Bien, Antes de continuar, déjame formatear mi documento aquí usando lik derecho y elegir formato documento. Es mejor. También quiero agregar comentario para cada parte aquí. Bien. Ahora vamos a conocer más sobre y liderar. Por ejemplo, permítanme definir otra variable usando el teclado VR, por ejemplo, X como prueba. Si quiero asignar un valor de texto a una variable, debo asignar el valor en comillas dobles como ve aquí. O también puedo usar una sola cotización. El valor de una variable puede ser un número, puede ser una cadena y también puede ser de otros tipos. Hablaremos sobre los tipos de datos o los valores que se pueden asignar a las variables más adelante en esta parte. Pero por ahora, solo necesitas saber si quieres asignar un texto como valor a una variable, debes definir el valor dentro comillas dobles o dentro de una sola cita. Yo uso punto y coma al final de esta línea. Mi punto aquí es que ya tengo mi variable x aquí, pero nuevamente defino esta variable aquí. Déjame agregar esta diapositiva. Aquí y mira lo que pasó en el navegador cuando hice esto. La variable x en la primera tiene el valor 100. Pero cuando lo vuelvo a definir y triste las pruebas de valor, se cambia el valor para la variable x. Ahora déjeme hacer esto con el let keeper. Por ejemplo, aquí, I B a 50, y quiero mostrar esto en el navegador. Como ve, tengo alguna línea roja aquí y aquí. Pero déjame ver esto en el navegador. Como se ve en un conjunto de todo en la consola, tengo un error. Tengo un error de sintaxis. Y dice, el identificador B ya se definió en otra línea. Aquí he dejado B, y aquí he dejado B. Así que cuando definas la variable. Usando la palabra clave let, no puedes volver a declarar tu nombre de variable en el mismo bloque. Hablaré de un bloque de códigos más adelante. Pero solo di que no, si defines tus variables usando el teclado, puedes volver a clare en todas partes en tu archivo script Java o en código JavaScript. Pero si define su variable usando el teclado led, no puede volver a clare en el mismo bloque Pero aún se puede cambiar el valor de estas variables. Donde quieras en tu código script Java, y porque tengo error solo comento. Estas dos líneas usando barra de control en mi teclado. Entonces para comentar, solo presiona Control y barra diagonal al mismo tiempo Y comento aquí también. Otra cosa de declarar variable es que puedes definir muchas variables al mismo tiempo y también puedes asignar un valor para todas ellas cuando las definas. Por ejemplo, utilizo tanto la palabra clave R como la palabra clave lead, por ejemplo, defino mi primera variable como x uno y establecí el valor diez. Para la siguiente variable, debo separar la declaración con, y puedo definir diferentes variables. Después de terminar de definir variables, utilizo sem coolor Puedes definir tus variables en una declaración como estas, o puedes usar lead para definir las variables en una declaración también. Algo así. Además, se pueden definir y asignar las variables en una sentencia, si tienen todas el mismo valor al principio. Por ejemplo, defino el z uno y asignando un valor para z uno Yo defino otra variable z dos iguales s e iguales s otra vez, por ejemplo, z tres, e igual signo aquí. Ahora le asigno un valor a esto, por ejemplo, cero. Declarar una variable así está bien en JSC. Si todas tus variables, cuando quieres declararlas, tienen el mismo valor, puedes definirlas y asignarles un valor así. Déjame copiar esto y ver los valores z aquí. Guardar y ver el navegador. Como ves, todas las variables z, z uno, z dos y Z tienen el mismo valor que cero. En resumen, podemos definir las variables en jo script de diferentes maneras. Primero, como ejemplo aquí, simplemente asigne un valor a un nombre de variable sin usar ningún teclado o use v keyward aquí o use lead keyboard para definir el nombre de la variable Una de las diferencias entre y lid para declarar variables es que si define una variable usando el teclado, puede volver a clare esta variable más adelante en su código Pero si usas tapa, no puedes hacer eso. Por supuesto, si quieres tu código deslizante Java, será compatible con el navegador anterior, debes usarlo para definir tus variables. Y un punto más aquí es que si defines tus variables así, en tu código de script Java, significa que estás usando una para definir tus variables. En otras palabras, no es necesario definir las variables. También tenemos otro tipo de variables en Jova script que es costo Hablaré de variables constt en la siguiente parte. Gracias por mirar. 7. Día 2: constancia en JavaScript: Hola a todos, y bienvenidos de nuevo. En el do anterior, hablamos de variables en el script ovo y dejamos variables para esta parte. ¿Qué es la variable con? Variables Cs definidas usando el teclado cons en jove. Pero cuando definimos una variable cons, no podemos redeclare estas variables y hay que asignar un valor a estas variables cuando declaras eso Más adelante en tu código, no puedes reasignar un nuevo valor para establecer un nuevo valor para estas variables Parece que este tipo de variables son constantes, pero en realidad no lo son Este tipo de variables solo definen una referencia constante a un valor a una variable. Usamos contras para definir variables para diferentes tipos, por ejemplo, para definir matrices, para definir objetos, para definir la función y para definir expresiones regulares en el script Java. Podemos usar variables const. Veamos cómo podemos usar contras en nuestro código script Java. Para definir una variable de costo, utilizamos costo. Después de esto, debemos definir un nombre para nuestra variable. Por ejemplo, permítanme establecerlo como Pi, el número P, porque esta es una unidad variable de costo para asignar un valor a esta variable. Si muestro esta variable usando consola que me gusta, permítanme copiar esto desde aquí y pegar aquí, simplemente renombrar el mensaje. Y el nombre de la variable, se puede mostrar el valor de cons en la consola como a f, la variable P 3.14 Además, puedes usar variables const dentro de la otra parte de tu código Pero como dije, no se pueden reasignar las variables const. Por ejemplo, no puedo reasignar mi variable const aquí a otro valor. Digamos una C. Como ve, aquí tengo un error. Es decir, asignación a una variable constante o incluso no se pueden redeclare las variables const Por ejemplo, Como veis tengo un error aquí. Déjame comentar esta línea porque es un error. Guarde y vea esto en el navegador. Como ve, tengo un error otra vez aquí. Dntifier P ya ha sido declarado. Entonces no puedo volver a clare mis variables de costo. Otro punto sobre la variable de costo es que si quieres usar una variable de costo, necesitas definirla antes de usarla. En resumen, La diferencia entre v, d y cons es que podemos redeclare las variables que definas usando v. Y también podemos reasignarles el valor donde Para la variable led, no podemos volver a clarlos, pero aún podemos reasignarlos donde Pero para las variables contras, no podemos volver a clarlas ni reasignarlas Tendremos alguna aplicación más de variables lead y variables cons más adelante en este curso. Únete a mí en la siguiente parte. 8. Día 2: tipos de datos: Hola a todos, y bienvenidos de nuevo. En este sido, vamos a hablar tipos de datos en script JavaS Si recuerdas, ya hablamos de definir variables en JavaScript, y ahora queremos saber qué tipos de datos podemos almacenar en cada variable. Usando el tipo de datos, podemos definir lo que se debe almacenar en cada variable El tipo de datos es un concepto importante en la programación. Si no se define el tipo de los datos o el tipo de la variable, la computadora no entenderá cómo debe funcionar en cada variable. Entonces, cuando los scripts Java quieren trabajar en una variable, debe conocer el tipo de esta variable. Tener diferentes tipos de datos en el script Java. Podemos ver una lista de estos tipos de datos aquí. Tenemos una cadena, tenemos número, como ya lo sabes, Boden, big d o big integer, big d o big integer, símbolo nulo indefinido y objeto El tipo de objeto también puede tener otro tipo. Por ejemplo, el objeto en sí, las matrices, y voy a hablar sobre el objeto y tipos de datos más complicados en las partes futuras. Por ahora, veamos los otros tipos de datos aquí. Si recuerdas, hablamos sobre cómo definir variables usando teclados t y const en los videos anteriores Ahora quiero definir diferentes tipos de variables aquí. Para ello, quiero definir otro archivo script Java aquí ne file. Yo lo llamo lazos de datos. Ahora quiero definir mis variables de tipo de datos aquí. Para definir un número de tipo en el script Jo, solo necesitas definir una variable usando valid o cause y establecer un valor numérico para asignar un valor numérico. Por ejemplo, aquí quiero definir una variable numérica variable X como t. Este es un número valioso. Como no menciono ningún punto flotante para este número, este es un número entero. Este es el número en JavaScript. También podemos tener número flotante también. Por ejemplo, algo así. 10.5 es número flotante. O a veces podemos llamarlo como número doble. Si quieres definir un tipo de cadena en el script Java, solo necesitas definirlo como algo así. Por ejemplo, permítanme definir la variable. Nombre de pila como John. Si quieres asignar un valor una cadena a un nombre de variable, debes poner el valor dentro una comilla doble o dentro una sola cita en script Java. Entonces esto es una cadena. Permítanme definir otro, por ejemplo. Por último, algo como esto. Esto también es una cuerda. Déjame arreglar este nombre también. Aquí me equivoco. Otro tipo en el script Java es Bulen. Usando Bulen puedes definir variables que pueden aceptar dos valores, true o false Sí o no. Pero cuando se quiere escribir código para las variables de prohibición, podemos usar solo true o grasas. Por ejemplo, permítanme definir bandera como verdadera. Esta es una variable de prohibición. También puede tener fallas para la variable Bleion como valor dos Déjame definir otra variable, por ejemplo. Déjame definir su número como falso. Esta es una variable bleion ya que necesitamos acosador y variables en diferentes situaciones Por ejemplo, si quieres tomar una condición en nuestro código. Si algo es verdad, si algo es falso, haz un montón de código. Entonces también necesitamos estas variables. Entonces Tila, definimos diferente datotype variable como número que puede ser, por ejemplo, un número entero o un número punto Loting, una cadena como por ejemplo, John, o algo así, o algo así, y Wulian verdadero También tenemos tipos de datos variables más complicados, por ejemplo, objeto que discutiría sobre esto en la siguiente parte. Pero por ahora, permítanme mostrar estas variables en la consola. Aquí, agrego la consola punto log x, copia esta línea, me siento aquí y cambio la variable dentro del registro de puntos de la consola. Por supuesto para estas partes. Nombre aquí. Apellido aquí. Y este es el número. Yo guardo esto. Si quiero usar este archivo script, necesito agregar una relación a mi documento HTML. Aquí, hago clic en mi archivo principal de DTM, presiono Control C, luego Control V, y cambio el nombre de este como tipo de datos D. Y voy a dejarme cerrar esto y voy a cambiar esto a Tipo de datos, y por supuesto para aquí Y esta relación debe ser tipo de datos punto JS. Déjame guardar y ver esto en el navegador usando Open bit Life Server. Este es mi archivo de script Java. Si quiero ver lo que tengo en la consola, debo hacer click derecho aquí e inspeccionar y aquí, esta es Csole. Y como veis, aquí tengo mis valores de tipo de datos. Este es servidor de por vida. Como sabéis, estamos usando life server para ver nuestro documento sim. Este es el servidor Clef. Si actualizo esto, no tengo ese ningún A. Aquí en Cs dot log por ahora, puedes ver los valores de las variables. Una cosa más sobre los números en el script Java es que Numbers in job script siempre se guarda como número de coma flotante o números decimales. Entonces como dije aquí, número doble, podemos llamarlo como números decimales y dejarme sumar número de coma flotante. Es más obvio. Entonces los números ni siquiera definimos el punto flotante para ellos, o definimos el punto poluting para Este punto me refiero aquí. Se guardan como punto palatante o números decimales Entonces, si quieres trabajar con un número como números enteros sin punto de caída, debes convertirlos y asegurarte de que no sean considerados como números decimales Un punto más sobre los tipos de datos, script JOA es que siempre se puede cambiar el tipo de una variable a medida que ¿Qué significa esto? Considera aquí, defino X con el valor diez. La variable X aquí es una variable numérica. Y si yo aquí, establecí el valor, por ejemplo, 14.34 x. Y déjame copiar esta línea Usando el control C aquí y el control V. Veamos si hay algún problema para esto o no. En el navegador, tengo 14.34 X. Primero, esto es diez, luego es 14.3 Y ahora déjame assi valor de cadena a la variable X. Por ejemplo, hola para x. De nuevo, controla C en esta línea y paseando aquí, guarda y C en el navegador, C, primero x es diez, luego 14.3, luego En Joac no hay límite para cambiar el tipo de una variable Como resultado, el tipo de la variable se puede cambiar durante el tiempo de ejecución. Permítanme agregar otro ejemplo, por ejemplo, para primero yo aquí. Esto es una cadena. Y si lo cambio, una cadena, déjame copiar esto y aquí, déjame establecer como verdadero para esta variable, y copiar esto y pegarlo aquí. Ahora en el navegador, tengo esto contra John. Entonces el valor para el nombre de la variable es verdadero. Si quieres saber, ¿qué valor en un cosle lo pertenece a qué variable Puedes agregar el nombre de tu variable aquí dentro doble cita en cada punto cosle Por ejemplo, aquí X y doble cita, y luego más. El plus aquí significa que agregas dos cadenas juntas. No son números necesariamente. Entonces, usando plus jova skin, puedes sumar dos números juntos o dos cuerdas juntas Y si uno de ellos es de otro tipo, por ejemplo, si tienes cadena, Aquí, esta es una cadena. Esta parte es una cadena. Pero la segunda parte de esta declaración más es un número. Cuando usas plus entre una cadena y un número, significa conectar a cadenas. El valor de x se colocará aquí, y el resultado en la consola es algo así como este x como diez. Podemos hacer lo mismo para el resto de la consola también. Déjame hacer eso. Yo hice lo mismo para el resto de consultar partes aquí, y esto es lo que tengo en el hermano. Ahora puedes ver el nombre de la variable junto a cada valor. También hicimos lo mismo para el archivo principal de Fechas. Como ve aquí, este es mi archivo Ds principal para el previsto, y este es tipos de datos que hice lo mismo para consultar parte. Entonces corto, si agregas algún valor a un valor de cadena o a una variable de cadena, se consideraría como cadena para esta. Y para cambiar el tipo de valor, el tipo de datos, para cada variable durante el tiempo durante el tiempo de ejecución, en Java script se les llama como tipo dinámico. Así que pasa en número de maestro, entonces es un número de punto flotante. Entonces es una cuerda. Y aquí, primero es una cadena, luego es una variable bogiana Estos eran tipos de datos simples en Java sip. Permítanme hablar de tipos de datos más complicados en la siguiente parte. Gracias por mirar. 9. Día 3: matrices- parte 1: Hola a todos, y bienvenidos de nuevo. En la anterior hacemos empezamos a hablar de tipos de datos en las pantallas de Jo. Para continuar, voy a hablar de arreglos en esta parte. Si desea almacenar más de un valor. En una variable en una variable, puede usar el tipo de datos de matriz. Para definir matrices en la parodia de Jovy, deberías usar corchetes, como ves aquí Los valores para la matriz deben separarse con comas. Los valores que desea definir para array deben colocarse dentro de los corchetes. Cada ítem, cada valor en una matriz es conocido por su índice. Los índices en matrices se basan en cero. Significa que parten de cero. El primer elemento de la matriz es el elemento cero. El siguiente punto es el punto uno, y así sucesivamente. Veamos cómo podemos definir arrays en trabajos. Para definir matrices en mi archivo de tipo de datos digs, agrego una sección usando comentario aquí Diré aquí como arrays. Aquí, quiero definir array. Array es como las otras variables. Cuando se quiere definir una matriz, es necesario utilizar las palabras clave para definir una variable. Hemos liderado y ct. Puedes usar cada una de estas palabras clave para definir una matriz, pero es mejor usar ct. Por ejemplo, primero, déjame usar para definir mi array. Dije, por ejemplo, edades y tenemos diferentes formas definir array aquí para establecer los valores para esta matriz. Si quieres definir una matriz aquí, podemos usar establecer los valores dentro del corchete aquí, por ejemplo, 12 y algo menos. Esta es mi matriz. cinco números en mi matriz en mis edades. Como ve, cada elemento está separado por coma del otro, las comas Entonces los valores para una matriz deben estar separados por. Y además, se pueden mostrar los valores de matriz dentro del registro de puntos de la consola, como Déjame copiar esta diapositiva y pegarla aquí y cambiarla a medida que envejece. Ahora veamos en el navegador. Como ves, estos son mis valores de matriz. Tengo diferente valor del mismo tipo en mi matriz. Entonces, si quieres almacenar el mismo tipo de datos, los mismos valores de tipo. En una variable, puede usar array. ¿Y si muestro mi matriz en consejo que usando C dog, solo el nombre de la matriz envejece. Eso es edades aquí. Déjame decir y ver en el navegador. Como ves, esta es mi matriz. Entonces, si quieres mostrar tu matriz en el countle así, no deberías conectarte con un plus y una cadena dentro del punto de la consola Como dije en el do anterior, todo lo que añades a una cadena, usando el signo más se consideraría como cadena. Y así aquí, los elementos dentro de la matriz se están mostrando así. Pero para el siguiente punto de consola que solo uso mi nombre de matriz edades, los elementos se muestran así. Yo abro esto dando click sobre este icono, ya ves, Cada ítem se muestra por separado, el ítem cero, el primer ítem, segundo, tercero y cuarto. Y también la longitud de mi matriz se mostrará aquí. Y las otras propiedades para array se mostrarán aquí. También hablaremos de algunos de estos en el futuro pero si quieres ver tus matrices en el registro de puntos de consola, así pero si quieres ver tus matrices en el registro de puntos de consola, así ver tus matrices en el registro de puntos de consola, , no deberías agregar nada a los parámetros de registro de puntos de consola, así. Mire con cuidado aquí. Como ves, el primer elemento dentro de mi matriz es el número cero. El índice cero es para el primero para el primer valor de mi matriz. Como dije, los índices en una matriz están basados en cero. El primer ítem tiene el índice cero. Y el segundo ítem tiene índice uno, y así. Y la longitud aquí está mostrando el número, el recuento de los ítems que están dentro de esta matriz. Aquí hay cinco. Significa que tengo cinco valores en mi matriz, y los índices son 0-4 Entonces el número de índice para una matriz será de 02, la longitud de la matriz menos uno. Aquí hay 55 menos uno es cuatro. Los índices son de cero a o también puede acceder a cada elemento dentro de su matriz usando índices. Como digo, cada ítem tiene un índice en una matriz. Por ejemplo, aquí, si acabo duplicar esta línea usando la vieja tecla shift y down array. Dentro de esto, agrego corchete y pongo el índice del ítem que quiero, por ejemplo, dos. Déjame guardar y ver en el navegador. Como ves, el índice dos aquí, significa que el tercer valor en mi matriz es 25, así que tengo 25 aquí. Si sólo duplico esta línea y en vez de dos, dije menos uno, L y C, como ven, tengo indefinido. No tenemos el índice menos uno para mi array, así que no está definido. El valor para este ítem no está definido. Cuando tienes algo como esto en tu script Java para una variable, significa que el valor para ese elemento para el valor de esa variable no está definido. O su código de script Java no puede reconocer esa variable. Si dijera, por ejemplo, índice seis. Veamos qué tenemos. Nuevamente, tengo indefinido. ¿Por qué? Porque solo tengo cero a cinco para el número de índice. No puedo acceder al índice menos uno, o no puedo acceder al índice seis. Este fue uno de los primeros en definir una matriz. Tenemos otra forma de definir el array como, por ejemplo, permítanme decir autos, nuevos. Matriz, Dentro de los paréntesis, puede definir los valores para su matriz Por ejemplo, algo así. El valor para esta matriz tiene el mismo tipo. Todos son cuerdas, y aquí están todos los números. Déjame mostrar esta matriz en el Csle a usar el cosle do cars y esta es mi matriz en la Como ven, aquí tengo tres ítems y el len es tres, y los índices son 0-2 A veces es posible que desee definir una matriz vacía. Usted define su matriz, pero desea establecer los valores para cada elemento más adelante en su código. Podemos usar algo como esto. Nuevo y. Déjame arreglar el nombre de estos dos. Tengo una matriz vacía, una nueva matriz. No definí ningún valor para mi matriz, pero luego en mi código, puedo definir elementos para mi rayo vacío. Por ejemplo, cero, algo así. Déjame tener un consejo que me guste a F aquí, y después de inicializar un valor para el ítem cero, digamos y veamos Como ves, aquí no tengo nada en mi matriz, pero aquí, tengo esto en mi arr Sigamos en la siguiente parte. 10. Día 3: matrices- parte 2: Hola a todos, y bienvenidos de nuevo. En la anterior, empezamos a hablar de arrays en JavaScript. Ahora, definamos nuestra matriz usando C Isd usando R. Aquí quiero definir mi matriz usando cons in y ver qué pasa ***** es mejor definir tu array. Déjame copiar estas líneas porque las quiero todas y pegarlas aquí. Aquí en vez de donde digo costo y cambio mi nombre también. Algo así. Si recuerdas, hablamos costo en los ts anteriores y dije, no podemos reasignar una variable que definamos usando costo Pero si usamos let o v para definir variables, podemos reasignarlas. Reasignar significa definir un nuevo valor para ellos. Asigne un nuevo valor para ellos. Aquí, defino mi matriz vacía dos como una matriz vacía en realidad, y quiero mostrarla en la consola pero como primero. Entonces quiero cambiar el primer ítem con el índice cero como 13.5 y volver a mostrar la matriz. Veamos en el navegador. Como ves, ¿esta es mi matriz? Esta es mi matriz vacía que definí aquí usando costo. Déjame agregar otro aquí. Por ejemplo, abogado, pero, algo así. Y ahora es mejor. Verás, esta es mi matriz aquí, y este es el primer elemento dentro de la matriz, y la longitud de esta matriz es uno. Significa que solo tiene un elemento dentro de la matriz. Y si quiero cambiar Toda la matriz en sí. Aquí dije dos vacíos como algo así. Esto es extra. Veamos y veamos qué tenemos en el navegador. Como veis, asignación dos, variable constante. La matriz en sí es una variable constante, y no podemos reasignarla ni volverla a clare Pero podemos reasignar cada elemento dentro la matriz que se define por contras como teclado Aquí, puedo usar esta declaración para definir el primer elemento dentro de la matriz constante, pero no puedo reasignar mi matriz así Si solo vuelvo a copiar esta línea y pegarla aquí y en lugar de item zero set item. Uno, guardar y C. No tengo error para esa línea. Si hago clic en esto, pueden ver, les mostraré línea que tengo error para esa línea. Esto es lo que tengo pero no tengo error para esta línea. En resultado, puede definir su matriz la matriz en sí usando el teclado de C en el script Java. Si define su matriz usando este teclado, no puede reasignarla así Esta línea arrojará un error para ti. Déjame añadir comentario aquí. Te mostraremos un error en el navegador. Pero puede asignar valor para cada elemento de su matriz. Eso se define usando el teclado const. Entre desarrolladores, es mejor definir tus arreglos usando const keyward, no La matriz en sí es const. Pero el elemento dentro de la matriz no será contras y ya ves, puedes asignar el valor para cada uno Como práctica, intenta definir una matriz usando let keyboard y ver qué pasó si quieres reasignarlo, volver a clarlo, o cambiar el valor para cada elemento de Un punto más sobre las matrices es que es mejor usar matrices para el mismo tipo de datos. Pero aún puede tener diferentes tipos de datos dentro de una matriz. Por ejemplo, permítanme definir mi matriz usando. Cs aquí, por ejemplo, algo así para mi array. Si quiero acceder a los elementos dentro de esta matriz, también necesito índices para esta matriz. Por ejemplo, permítanme primero mostrar esta matriz en el navegador. Cosle algo así, y como ves, tengo mi matriz aquí así El primer elemento son filas, el segundo elemento es puntas, y el tercer elemento es 123, y la longitud de esta matriz es tres. Puede usar matrices en JavaScript para almacenar el mismo tipo de datos en variable. Pero aún puede usar array para almacenar diferentes tipos de datos en una variable. Joa script no tiene limitación al respecto, pero otros lenguajes de programación pueden tener Si desea en cuanto a la pelusa de la matriz en el script Joe, puede usar la propiedad length. Aquí, digo, Csle, pero como flores que pelusa Y si digo y veo el navegador, se ve el número tres aquí. ¿Por qué? Porque la matriz de flores ha prestado T. Esto es tres, y aquí tengo tres. Si desea acceder al último elemento al último elemento dentro de la matriz, podemos usar la propiedad length o el índice ay. Pero cómo, por ejemplo, quiero mostrar el último elemento dentro de las flores ay. Usando esta declaración, flores, qué elemento dentro del corsé cuadrado, debo definir el índice del ítem que quiero usar. Pero para el último elemento, debería decir flores de esa longitud menos una. Y menos uno, porque los índices en la matriz están basados en cero. Comienzan de cero, a la longitud menos uno. Entonces, para el último ítem, debo acceder al ítem n menos uno. Guardar al ver el navegador. Como ven, tengo 123 como último ítem aquí, y aquí en esta matriz, el último ítem es 123 el índice dos. Hay ver mucho más temas sobre arrays en JOS grip, pero déjame llegar a ellos a través de todo el curso. Por ahora, solo necesita saber cómo definir la matriz y cómo acceder a cada elemento dentro de su matriz. Gracias por mirar. 11. Día 3: objetos: parte 1: Hola a todos, y bienvenidos de nuevo. En este do, vamos a hablar de objetos en JavaScript. Object es un tipo de datos en el script Java que podemos usarlo para definir cosas del mundo real como personas, animales, autos y muchas otras cosas. Si queremos definir objeto dentro del script Java, podemos usar diferentes formas de definir nuestros objetos. Usando re debrass, usando new keywor o usando Para definir propiedades en objeto, utilizamos nombre, valor de calma, PE o valor clave PE. Y diferentes propiedades en un objeto, están separadas por coma No se puede tener la misma propiedad con el mismo nombre en un objeto. En definitiva, usando objetos en el script Java, podemos almacenar diferentes propiedades de una cosa de palabra real en una variable. Por ejemplo, para las personas, tienes nombre, tienes dirección, tienes edad, y muchas otras propiedades, por ejemplo, género, educación, y muchas otras cosas. Y si quieres usar variables para cada una de estas propiedades, es un trabajo duro por hacer. Pero en cambio, podemos usar objetos para almacenar diferentes propiedades para un objeto, para un objeto en Jocret Entonces podemos usar una variable, y para esa variable, definir diferentes propiedades y almacenar cada valor para esa propiedad. Déjame mostrarte los objetos en acción. Aquí, en mi carpeta JS, como ven, creo cinco nuevos objetos, y también copio este documento M y le renombro usando F dos objetos, y también aquí. Y aquí. Establezca aquí también la referencia a mis objetos de archivo de script Java. Mi archivo objeto está vacío para eso. Quiero definir objeto dentro de este archivo. Supongamos que tiene un registro para. Crear una cuenta f. desea obtener nombre de usuario, contraseña, nombre, apellido y otra información de sus usuarios para registrarse y crear una nueva cuenta para él o ella. Por ejemplo, déjenme definir. Em, algo así, y por ejemplo. Nombre, apellido como algo así, H como 20 y género como masculino, por ejemplo. Por lo que tenemos diferente información para una persona en nuestro documento o en nuestro programa. Entonces aquí, en lugar de definir diferentes variables para diferentes propiedades de mi usuario, puedo usar objetos en raspados jo El objeto define, puede usar llaves. Aquí uso contras, en lugar de a para definir mi objeto. Entonces es mejor usar contras para definir tu objeto. También puedes usar lead o para definir el objeto. Pero es mejor y es común entre desarrolladores usar contras para este propósito. Después de esto, como definimos un nombre para nuestra variable, debemos definir un nombre para nuestros objetos para, por ejemplo, usuario, y el signo de asignación que es igual y llaves Dentro de las llaves, debemos definir las propiedades y los valores para cada propiedad Defínalos así. Por ejemplo, el correo electrónico es mi nombre de propiedad y columna. Después de la columna, debes definir el valor de tu propiedad. Si la propiedad es una cadena, establezca el valor dentro una comillas dobles o comillas simples. Si el valor es bien, use true o false como valor. Si el valor es número, no necesitas true o false o cita simple o doble para establecer el valor, solo escribe el número aquí. Copo aquí estas repisas de correo electrónico y las pego aquí. Entonces tengo un par de nombre y valor para mi usuario objeto. Y después de esto, necesito coma. Si quiero agregar más propiedades a este objeto, utilizo coma para separar los nombres y valores de las propiedades Entonces primer nombre, John, apellido, el valor para el apellido, edad 20 es un número aquí y género. Permítanme cambiar de género como mujer masculina verdadera o falsa aquí y definir el valor aquí así. Y agrego un clemente verdadero como masculino y falso como copio este clemente o esta línea Después de definir mi objeto, después de las llaves C aquí, debería usar semicol Este es mi primer objeto Usando objetos en el script Java, tienes un código mejor organizado para tus programas. Mira aquí, la definición diferentes variables para una persona, para un usuario, y mira aquí que agrupamos en las propiedades relacionadas con nuestros usuarios en una variable. Aquí, si quiero mostrar la información sobre un usuario en el registro de puntos de Cosle, debo usar Consul Dt Log para cada una de estas variables Pero aquí para objeto, solo debería usar Cónsul do Log y solo el nombre de mi objeto Guarda y consulta en el navegador, deberías ver este archivo en el navegador. Y esto es lo que tengo para mi objeto aquí. Como ve, las diferentes propiedades para mi objeto, edad, correo electrónico, nombre , género y apellido. Se puede ver el nombre de la propiedad y el valor de cada propiedad, así en la Csole del navegador También se puede acceder a cada propiedad de un objeto por separado, como las cosas que tenemos para cada elemento dentro de las matrices. Aquí, dije Csole ese registro, por ejemplo, si quiero acceder a la antigüedad de mi objeto, debería usar punto o pre Y como veis, tengo todas las propiedades para mi objeto aquí, edad, correo electrónico, primer nm, género y lo último. Si quiero mostrar la edad de este usuario de este objeto en el navegador, utilizo una propiedad. C y C. Como ve, tengo 20 aquí. Y si miras el valor por edad, tienes 20 para a. aquí a y también puedes cambiar el valor de cada propiedad por separado. Ahora, por ejemplo, si cambio el valor del primer nombre a algo así. Nuevamente, muéstrale a mi usuario los cos de ese registro, puedes verlo aquí, el primero lo puedes ver aquí, el primer nombre es John. Pero después de cambiar el John por el David, aquí tengo a David por el nombre de pila. Pero recuerda, porque definimos al usuario, Usando el teclado de costo, no podemos reasignar todo el objeto de usuario usando esta propiedad asignada Si solo copio esta parte y la pego aquí, estoy reasignando mi variable de costo en realidad, y aquí voy a obtener un error Pero aún puedes cambiar cada propiedad de tu objeto por separado como tenemos aquí o acceder a cada propiedad de tu objeto por separado. Entonces comento estas líneas porque obtendría un error si tengo estas líneas activas. Déjame formatear mi documento aquí así. Ahora tendrá un mejor aspecto. Recuerda eso, no puedes usar la propiedad asignada aquí. Aquí, puede usar solo la columna para asignar una propiedad y un valor para un objeto. Sigamos en la siguiente parte. 12. Día 3: objetos: parte 2: Hola a todos, y volveremos. Sin embargo, en la previocy, comenzamos el tema sobre los objetos en la pantalla de Java Ahora continuemos sobre este tema. También podemos crear un objeto vacío y después de crear su objeto, establecer la propiedad y el valor para cada propiedad que desee. Cómo como tenemos aquí usando punto. Se puede definir una propiedad y establecer un valor para ella. Además, puedes usar Dot y propiedad y mostrar el valor de esa propiedad de tu objeto. Por ejemplo, puedo definir mi objeto así también. Usuario dos, por ejemplo, es un objeto. Pero no voy a definir ninguna propiedad para mi usuario dos. Int después de esto, digo, usuario dos puntos primer nombre como por ejemplo, algo así, y usuario dos punto como llamada como falso S, mi objeto es un objeto vacío aquí. No definí ninguna propiedad para este objeto. Pero después de definir eso puedo definir las propiedades para este objeto dos, las propiedades que necesito para este objeto. Aquí voy a mostrar este objeto también en el registro de coole, usuario dos Recuerda, El usuario dos es diferente al usuario aquí. Este es un objeto, y este es otro objeto aquí. Déjame decir que veo en el navegador. Como veis. Tengo estas dos propiedades para mi usuario dos objeto. Entonces puedes crear un objeto vacío como este, como lo que tenemos para las matrices. Podemos definir una matriz vacía. Después asigne elementos para cada índice que queramos en su matriz. Y aquí para objeto, tenemos lo mismo para crear un objeto vacío y luego definir la propiedad y el valor para el objeto. Pero recuerde, si usa esta forma para definir las propiedades del objeto en su código ask, el nombre de la propiedad y el valor del objeto deben estar separados por dos puntos aquí, y cada propiedad y valor deben estar separados por. Pero si usas esta forma para definir tu objeto, para definir un objeto vacío en tu código, debes usar sentencias de asignación o algo así para definir la propiedad y el valor de tu objeto. Usando eso después del nombre del objeto y establecer una propiedad, y luego el lado de asignación, y luego el valor del tipo que desea para la propiedad y luego el semi col. Esto es diferente de aquí, cómo se define la propiedad y el valor para cada objeto. También podemos definir el objeto usando nuevo teclado. Cómo defino mi objeto usando const y por ejemplo como mi objeto, y configuro nuevo objeto, y algo así Este es un objeto vacío dos. Y si quiero definir propiedad para este objeto, debería usar esto. Por ejemplo, si quiero color para mi auto, puedo usar algo como esto, nombre para mi auto, algo así. También puedo mostrar mi auto en la consola que como Nosotros, algo así, y tengo esto en el navegador. Este es mi objeto de auto. Otra forma de asignar un valor para cada propiedad de tu objeto es así, usando el nombre del objeto aquí, por ejemplo, car. Dentro del corchete, utilizo doble cotización, por ejemplo, color. El nombre de la propiedad que quiero sentar o cambiar el valor por eso. Aquí me siento, por ejemplo, azul. Y permítanme copiar esta línea y mostrar de nuevo este objeto de coche en el navegador. Como ves, el color para el auto es azul ahora. Para que puedas acceder a la propiedad de tu objeto usando punto y el nombre de la propiedad o usando el nombre de la propiedad dentro de comillas dobles dentro corchetes o un corchetes También puedes tener objetos más complicados en tu código. Por ejemplo, objetos anidados, un objeto dentro de otro objeto Por ejemplo, déjame hacer esto para el usuario dos aquí. Dije usuario dos dirección, algo así. Digamos por ejemplo, país y el valor para el país y la calle, por ejemplo, algo así. También puedes tener otra propiedad y valor para este objeto así en semiclumn aquí, no olvides esto Guarde y vea en el navegador para el usuario dos. C. Este es mi usuario dos objeto aquí. El usuario dos es objeto mismo. Dentro del usuario dos, tengo otro objeto, como ven aquí. Este es el otro objeto para el usuario. Ambos son objeto. Esto es objeto, y este es objeto. También podemos tener matrices dentro de su objeto también. Como dije, podemos tener objetos más complicados dentro de tus objetos. También puedes tener matrices de objetos. Por ejemplo, una lista de usuarios, una lista de autos. Si quieres almacenar una lista de usuarios, una lista de autos, mostrarlos o almacenarlos o guardarlos. Se puede utilizar una matriz de objetos. Llegaremos a los objetos más adelante en esta serie, pero mantengámoslo corto por ahora y unámonos a mí en la siguiente parte. 13. Día 4: funciones: parte 1: Hola a todos, y volveremos. En este do, vamos a hablar de funciones en Jo grip. Las funciones o métodos son una pieza o un bloque de código para realizar una tarea en particular. Usando la función, puedes escribir códigos para hacer una tarea especial y llamar a esa función donde y cuando sea en tu código que tú. Entonces se ejecutará una función cuando algo la llame, o podemos decir que algo la invoca. Por ejemplo, supongamos que queremos sumar dos números juntos. Puedes usar una función, por ejemplo, sumar o sumar y pasar estos dos números a esa función, y vuelvo, obtendremos la suma o suma de estos dos números. Por ejemplo, supongamos, quiero sumar el número cinco y el número diez. Paso estos dos números a mi función que se llama suma. A cambio, obtendré 15 como resultado. ¿Cuáles son los beneficios de usar funciones en el script Java o en cualquier otro lenguaje de programación? Tenemos lo mismo en casi todos los lenguajes de programación. El uso de funciones evita reescribir códigos. Por ejemplo, tienes un trozo de código, tienes un bloque de código que puedes repetirlo más de una vez en tu programa. En este caso, podemos poner este bloque de código dentro de una función, y en lugar de reescribir y repetir ese código en los lugares que quieras usarlo, simplemente llama o usa esa función Si define una función, puede llamar a esa función con diferentes argumentos. Pronto te contaré sobre los argumentos. Pero sólo para conocer el argumento es algo que se le pasa a la función. Por ejemplo, si quiero sumar dos números juntos, y estos dos números son cinco y diez. Los argumentos para mi función son cinco y diez. Funciones de reus. Escribes un trozo de código, un bloque de código, uno, y puedes usarlo más de una vez. Usando la función, ahorras tu tiempo y tienes menos errores en tu programa. Porque si quieres corregir los errores en ese bloque de código, solo necesitas corregir los errores en esa función, no en todas las partes de tu código que repitas esa parte del código. Veamos cómo podemos definir funciones en Joa script. La sintaxis para definir o crear una función en Joa script es así Tenemos el teclado de función, luego el nombre de la función. Este nombre puede ser lo que quieras. Por ejemplo, si la función sumará dos números juntos, puedes usar ad como nombre para una función, puedes usar algunos para el nombre de la función. Pero es mejor nombrar tu función como la cosa o como el trabajo que harán por ti. Por ejemplo, si la función quiere sumar dos números juntos, es mejor usar, por ejemplo, sum o a o si funcionan, el restar dos números entre sí, puede usar restar como nombre para la O si quieres convertir algo, convierte una variable o un objeto en una cadena. Podemos usar dos cadenas como nombre para la función. Después de este nombre, son paréntesis. Dentro de los paréntesis, se definen los parámetros para la función Una función puede tener cero o más parámetros. Como ve, los parámetros no son necesarios para cada función. Depende de la tarea que haga la función para U Así que puedes tener un parámetro. Se pueden tener dos parámetros. También puedes tener diez parámetros o más, o puedes no tener ningún parámetro en absoluto. Después de esto, tienes llaves, y dentro de las llaves está el código de función Lo que esa función debe por tanto, se escribirá aquí. Cuando definas tu función, puedes llamarla o puedes invocarla donde quieras Por ejemplo, aquí puedes ver cómo se llamará a la función, cómo se invocará la función Cuando quieras llamar a la función, debes pasar los parámetros que la función necesite. Como ve aquí, por ejemplo, paso el número 12 y el número 20, y otros parámetros si mi función tiene, debo pasar estos parámetros a. Los temas que estoy pasando a mi función aquí se llaman argumentos. Entonces los argumentos de la función son los valores que recibirá la función cuando llamemos a la función. O o cuando se invoca la com o cuando se invoca la función. Cuando llamas a una función o invocas una función, el código que definas dentro un bloque de función se ejecutará, será incorrecto Por ejemplo, sucederá algo en tu documento CML. Por ejemplo, si el usuario hace clic en un botón, o nos interthing dentro de un elemento de entrada Se puede llamar a una función. O puedes llamar a una función dentro de tu código script Java, donde sea que necesites esa función. O a veces las funciones pueden ser invocadas por ellas mismas. Significa automáticamente, ellos serán llamados o nosotros los llamamos como auto invocados Si quieres saber más sobre las funciones y cómo puedes definir las funciones en acción en Java script, únete a mí en la siguiente parte. 14. Día 4: funciones: parte 2: Hola a todos, y volveremos a continuar con nuestro tema sobre funciones en script ova, creo cinco funciones de nombre en S para mi código Jovacript y funciones en HTM que es la estructura básica del código ML y en relación con mi Dentro de esto, quiero definir una función. Como dije, para definir una función en el script Java, debe usar la palabra clave function. Función. Y después de esto, necesitas establecer un nombre para tu función. El nombre de la función debe ser el mismo que lo que hará tu función. Supongamos que quiero sumar dos números juntos. Por ejemplo, puedo llamar a esta función como algunos o anuncio. Después paréntesis. Si tu función tiene algunos parámetros, puedes definir los parámetros dentro de los paréntesis Debe establecer un nombre para cada parámetro aquí. Pero si tu función no necesita ningún parámetro como entrada, no tienes que definir los parámetros aquí. Pero como dije, aquí quiero sumar dos números juntos. Cuando digo dos números juntos, significa que mi función debería tener dos parámetros. Por ejemplo, X e Y. Podemos decir diferentes nombres para sus parámetros aquí, por ejemplo, primer número y segundo número. Después de estos paréntesis, utilizo corchetes Carly, llaves Carly Dentro de las llaves cary, debo definir el código que debe hacer esta función L et me agrego comentario para esta función, sumar x e y juntos. Aquí, debo sumar estos dos números, estos dos parámetros juntos. Puede agregar estos dos parámetros juntos y establecer el resultado en una variable diferente o simplemente mostrar el resultado en cos eso. Permítanme definir por ejemplo, un resultado variable. El resultado es igual a x más y Hablaremos de las operaciones en JavaScript más adelante. Pero solo para saber, el signo más aquí sumará estos dos parámetros juntos. Permítanme mostrar el resultado y el caso como resultado aquí. Además, puedes agregar más comentarios a tu resultado de costo, por ejemplo, algo así, suma de x más y más doble cotización es resultado. me olvida un plus aquí, como ves, esta es mi función. Depende de ti cómo quieres mostrar el resultado en el bloque de consultas. Permítame darle formato también a este documento. Patada, formato de documento, o puede presionar shift out y F en su teclado al mismo tiempo. Esta es mi función hasta ahora. Déjame decir y ver las funciones que se muestran en el navegador. Como ve, no tengo nada, no en consola aquí, no en mi documento HTML. ¿Por qué? Porque aún no llamé a la función. Aún no invoqué esa función. Entonces, si quieres que esta función se ejecute, deberías llamarla en algún lugar de tu código javascript. Por ejemplo, permítanme decir aquí, Así diez y 15. Ahora S ver en el navegador. Como ve, el resultado es 25. Yo creo. Esto es mejor ser. Si vuelvo a llamar a esta función con otra cosa, por ejemplo , 23, y otro número como este, el resultado será este. Esto es para la primera llamada de la función, y esto es para la segunda llamada de la función. ¿Qué pasa si escribo mi función aquí, y no pasé ningún valor la función de hoy? Como saben, mi función tiene aquí dos parámetros, y debo pasar dos valores como entrada como argumento aquí para que esta función pueda funcionar. Pero y si no pasara nada o simplemente pasara un argumento a esta función. Digamos y veamos para esto llamando a la función, como ves, porque no definí ningún parámetro para esta función. El primer parámetro es indefinido, y el segundo es indefinido. Y el resultado de sumar dos indefinidos juntos es nota. Y si solo lo llamo un parámetro, por ejemplo, 120. Digamos que ya veo. Como ves, de nuevo, solo tengo un parámetro, y el segundo no está definido. El resultado no sería nada. Si define parámetros para su función, necesita pasar el valor para esos parámetros como el a menos que el resultado de la función no sea lo que espera. Entonces aquí, el resultado sería no. Y aquí también. Y otra cosa aquí es que, como veis, no repetí el código que escribo aquí para esta vida. Acabo de llamar a la función que definí aquí, y en lugar de escribir dos líneas de código para cada una de esta línea, tengo solo una línea aquí. Y puedo usar esta alguna función en otros lugares en otras partes de mi código de script Jo como V. Pero si quiero cambiar esta función, estas dos líneas de código, solo necesito cambiar justo aquí, no en ningún lugar de mi código. Pero si no utilizo función así, y repito estas dos líneas por todas partes en mi guión de mandíbula. Ya ves si necesitas cambiar, necesitas arreglar todas esas líneas también. Entonces tienes un trabajo duro que hacer. Como resultado hasta ahora, puede reutilizar sus funciones muchas veces en su código de script Java, y puede administrar mejor su código. Si necesita algún cambio, solo necesita arreglar un lugar en lugar de diferentes lugares. La función puede tener un valor para devolver. En lugar de mostrar el resultado aquí, podemos devolver un valor en tus funciones. Pero déjenme hablar de esto en la siguiente parte. 15. Día 4: devuelve valores en funciones: Hola a todos, y volveremos, ya que estamos hablando de funciones en el script de Jo, dije que podemos devolver un resultado de tu función en lugar de mostrar o hacer cualquier otra cosa dentro de tu función. Por ejemplo aquí, en lugar de mostrar el resultado de la suma de dos números, quiero devolver los resultados de estos dos números a mi código donde la función es cat y usar ese valor en esa parte. Entonces para devolver un valor, o regresar de tu función. Significa que sales de tus funciones y vuelves a la d que se llama a la función, puedes usar sentencia return. Aquí, encomio esta línea. En lugar de mostrar el resultado en la consola, utilizo sentencia return, y dije resultado. El resultado es x más y, o simplemente puedes regresar de tu función sin enviar nada de vuelta al lugar en el que se corta la función, solo usando la sentencia return. Cuando se llama a la función, si llega a la sentencia return, superará la función y volverá al lugar donde se llama. Aquí, permítanme comentar esta línea. Si veo mi documento en el navegador, ya ves, no tengo nada en el cocle que ¿Por qué? Porque no mostré el resultado de la función, algunos incluso en el consejo. Pero déjenme decir C L y suma, por ejemplo, ocho y nueve. Yo llamo a mi función. Entonces y pasar dos valores, ocho y nueve, porque aquí tengo dos parámetros. Y voy a mostrar el resultado de esta función dentro de la consola dot log. Vamos a guardar y ver. Ahora tienes 17 aquí como resultado. Yo en vez de este resultado de retorno, permítanme comentar esto, acabo de regresar. Veamos qué va a pasar en esta línea. Como he indefinido. ¿Por qué es indefinido? Porque esta función no devuelve nada como resultado. Entonces cualquier cosa está indefinida en el guión de trabajo. Como resultado, si necesitas el resultado de la tarea de función, en cualquier parte de tu código, entonces el resultado debe ser devuelto a esa parte. Necesito resultado de sumar dos números juntos. Necesito devolver este resultado. Vuelvo a comentar esta línea, y comento esta línea. Y como veis, aquí tengo el resultado. Pero no para estas líneas porque no tengo consola para estas partes. Yo quiero el resultado para esta línea también, tengo que establecer el resultado para ellos en alguna variable o como esa, por ejemplo, alguna, déjame configurarlo como consola. Si digo y veo esto en el navegador, ya ves, tengo el 25 para esto alguna función llamando aquí, y 17 para este li. Los parámetros que puedes pasar a una función pueden ser más complicados, no solo un tipo simple, por ejemplo, no solo un número, no solo una cadena. También puede ser un array, un objeto, dos arrays, dos objetos, y muchas otras cosas que podemos tener en Javas, puedes pasar a las funciones aquí o incluso a la propia función Por ejemplo, permítanme copiar la definición para usuario de aquí en el objeto DS fi y pasarla aquí. En algún lugar de mi código script ova. Quiero escribir una función para mostrar nombre y apellido juntos para este objeto. Defino mi función en algún lugar mi script Java, por ejemplo, función. Yo lo llamo como nombre completo, y obtendré el nombre como primer parámetro y el apellido como segundo parámetro. Dentro de esto, voy a mostrar el nombre y apellido al mismo tiempo y caso que. Entonces tengo nombre más un espacio y luego apellido. Y aquí, tengo que llamar a esto como, por ejemplo, nombre completo, nombre de usuario y apellido de usuario. Vamos a guardar un syn el navegador. John, D aquí. Pero de paso así a esta función, quiero pasar el objeto a esta función. No quiero pasar las cuerdas a la función. Comento esta función aquí. Voy a escribir otra función función, por ejemplo, déjame llamarla como solo nombre completo otra vez. Dije usuario como el parámetro aquí, y voy a Mostrar a la Csole, déjame copiar esta línea Yo me siento aquí, y voy a mostrar usuario punto primero y usuario punto último. Aquí, en vez de llamar así a esta función, diré nombre completo, usuario. Como ve, le estoy pasando un objeto a esta función. Y ahora el resultado es el S. También puede devolver este valor y usarlo donde quiera, por ejemplo, para mostrar una etiqueta en un texto en su documento SML Entonces los parámetros pueden ser más complicados, eso puede ser más complicado que un simple valor. Pueden ser matrices, objetos y otros tipos complicados como Hablemos más de funciones en la siguiente parte. 16. Día 4: valor predeterminado en los parámetros de la función: Hola a todos, y bienvenidos de nuevo a continuar sobre funciones. En Java script, quiero hablar valores predeterminados en funciones. Creo funciones, valores predeterminados en GM aquí y un S f aquí y los relaciono juntos. Este es mi documento SGML. Y este es mi script Java cinco. Tengo una función algunos que tiene dos parámetros aquí y sumamos estos dos números juntos y mostramos el resultado en la consola. También puedo devolver el resultado usando la declaración escrita así. Pero si recuerdas, puedo cat esta función con dos parámetros, por ejemplo, la garra cinco y ver el resultado en el navegador Como veis, tengo este resultado en el Csolee que Pero y si no paso ningún parámetro a esta función, o simplemente paso un valor a esta función, por ejemplo, 50 Qué va a pasar. El resultado es no. No tengo nada como resultado. En algunos casos, si quieres evitar que el resultado sea algo así, podemos usar valores predeterminados para los parámetros en la función. ¿Cómo se puede definir? Valores por defecto para una función. Aquí, cuando defina los parámetros para la función, podemos usar el signo de asignación, por ejemplo, aquí uso signo dequal, y establecer un valor predeterminado Establezca un valor para este parámetro si no tiene ninguna muestra. 04x, y aquí, también puedes tener valor predeterminado. No tienes valor predeterminado para todos los parámetros, pero puedes establecer para todos ellos también y cero, cuatro aquí y ahora, veamos el resultado en el navegador. Como ves. En vez de nueve aquí, tengo cero si no paso. Cualquier valor para todos los parámetros en alguna función, o si paso solo un parámetro a esta función. El valor predeterminado para cada parámetro es cero. Aquí, no pasé ningún número, así que tengo cero para la x y cero para la y, y el resultado es cero. Y aquí acabo de pasar un valor para el parámetro x. tengo 15 aquí, y no tengo ningún valor para el parámetro y, entonces tengo cero aquí, y el resultado es 15. Entonces en cualquier caso que necesites tener un valor para tus parámetros y quieres estar seguro el valor para ese parámetro no esté definido por el usuario. El resultado de tu función sea algo válido y no indefinido, puedes usar el valor predeterminado para el parámetro. Eso es todo por esta parte. Sigamos en la siguiente parte. 17. Día 4: ámbito de variables en JavaScript: Hola a todos, y volveremos. En esta parte. Vamos a hablar de variables y funciones. Como sabes, podemos definir variables en todas partes en nuestro código script Java. Incluso podemos definir las variables dentro de las funciones. Por defecto, cada parámetro que defina para su función se considerará como variables de función. Y así puedes usar estas variables dentro de tu código de función. El alcance de estas variables que definas dentro de tu función es solo la función en sí, y no puedes acceder a estas variables fuera de tu función. Por ejemplo, tengo la variable resultado aquí y no en ningún lugar de mi código. Si quiero mostrar el resultado, valor en el Cosle Agrego algo así aquí y en el navegador, tengo algo así. Error de referencia. El resultado no está definido. No tengo ninguna variable llamada resultado en mi código. Si hago clic aquí, me llevará a la línea que tengo error para esa línea. Como ve, aquí está mi error. Pero ya ves, aquí tengo el resultado. Por qué no puedo acceder a esta variable fuera de mi función porque el alcance de esta variable está justo dentro de esta función. Entonces, cada variable que defina dentro de su función, o incluso los parámetros que defina para su función, no pueden ser accedidos fuera de esa función. Por ejemplo, no puedo si duplico esta línea, y quiero acceder al parámetro x que aquí defino, tengo el mismo error aquí. X no está definido. Además no puedes acceder antes de tu función. No solo después de definir la función, tampoco puedes acceder a los nombres de los parámetros y las variables que definas dentro tu función fuera de tu función, ya sea antes de la función, donde hay después de la función. Aquí, si guardo esto, como ven, x no está definido. Si deine esto, la línea que tengo error para eso está aquí, la línea número dos en mi código javascript, y como ven, esta es la línea número dos Vengo en estas líneas y vuelvo a guardar, como ven, el error ya se ha ido. En cosa más. Déjame definir la variable x aquí y establecer un valor para esta x como 50, y guardar esto y C en el navegador, C, el valor para x está aquí 50. También tengo la variable x aquí como parámetro, y el valor que está pasando a esta variable x a este parámetro x aquí está aquí es diez y aquí es 50. Veamos el resultado. El resultado es el mismo que lo que ya tenemos. Y, cuando define una variable fuera de la función, Por ejemplo, x aquí. Si nuevamente define esa variable dentro de su función, ya sea como un parámetro o como una variable dentro de su código de función, no podrá acceder a la variable que se define fuera de esa función. Y debido a esto, el resultado que quieres tener en el navegador puede no ser lo que esperas. Como otro punto aquí es que cuando quieras llamar a una función o invocar la función, no olvides usar este paréntesis Si no usas este paréntesis, no está llamando a la función No devolvemos ningún resultado para. Por ejemplo, si defino una variable o algo así, llamar a mi función y establecerla como suma, y quiero mostrar el resultado de esta llamada mi función. En el navegador. Veamos qué va a pasar. Como ve, tengo la función en la Csole, pero no el resultado de esa función es una función aquí Entonces, si realmente necesitas el resultado de una función en tu código de script Java, no olvides usar paréntesis y pasar los parámetros para esa función Podemos usar mucho la función en nuestro código en el futuro. Es mejor entender el concepto de función y por qué usamos y definimos una función en nuestro código. Únete a mí en la siguiente parte. 18. Día 5: métodos de matriz: parte 1: Hola a todos, y volveremos. En el do anterior, hablamos de arrays y funciones en scripts Java. Hemos llamado funciones como métodos en Java script dos. Si estás familiarizado con otros lenguajes de programación, es posible que tengas algo como esto en esos lenguajes como. En este do, vamos a hablar de algunos métodos o funciones que se definen para arrays en scripts Java. En Javascript, podemos categorizar estos métodos en cuatro categorías, basic, search, sort e iteraciones Aquí, podemos ver una lista de estos métodos en javascripts, pero Estos no son todos los métodos para array en Jova Tenemos muchos más métodos. En este video, solo te presentamos algunos más importantes que puedes usar mucho en tus programas. Veamos cuáles son estos métodos. Aquí, agrego otro Jovacript cinco llamados métodos RA JS, el JS es la extensión para Jova script f. Y solo copio uno de mis documentos de Schimel, por ejemplo, este Kids Control C, luego Control V. Asegúrate de que estoy cambiando el nombre de los cinco correctos PreSF dos y y dije cinco correctos PreSF Y también cambié el título aquí como nosotros por aquí y aquí. Y arreglar la relación con el archivo script Java que obtuve ray Mets. Cierro esto. Aquí en mi archivo script Java, defino un costo de uso. Déjame nombrarlo así, por ejemplo, mi matriz. Puede definir una matriz vacía y establecer los valores para cada elemento dentro su matriz más adelante o puede establecer los valores correctamente cuando defina su matriz. Si recuerdas, eso dijimos. Puede definir diferentes tipos de elementos dentro de su matriz. Por ejemplo, números, valores de bulion, valores de cadena, y los otros tipos como, Déjame, por ejemplo, s así Como ve, tengo una combinación de diferentes tipos dentro de mi rayo. Y vamos a mostrar esta matriz en el Csle que bloquea mi matriz. Digamos, y para mostrar esto en el navegador, voy a hacer clic derecho sobre este archivo y elegir abrir con servidor Light. Como estoy mostrando mi matriz. En el Csle, debo hacer clic derecho aquí y elegir inspeccionar aquí Y dentro de esto, tengo mi anuncio. No te preocupes por este error aquí. Esto es por los cinco vacan y porque no tengo cinco acon en mi carpeta raíz, aquí tengo este error Si no sabes de cinco con, solo puedes ver el curso relacionado hacer sobre el ícono de cinco en el curso CML CSS Déjame refrescar esta página. Bien. Y esta es mi matriz aquí. Como ves, cada ítem tiene diferentes valores de diferentes tipos. Ninguno que usemos los diferentes métodos o diferentes funciones que están predefinidas para matrices en ol script. Si desea utilizar los métodos que se definen para las matrices en el script Goal, necesita una matriz. Entonces defino mi matriz aquí. Y para usar esas funciones, debes escribir el nombre de tu matriz. Aquí está mi matriz y presione la tecla punto en su teclado o la tecla de punto en su teclado. Y como veis, me trae una lista de diferentes métodos o funciones para el array que está predefinido en el script Jo. Déjame elegir por ejemplo, turno. Presiono inter aquí porque esta es una función, y quiero llamar a la función que se define para esta matriz, debería usar paréntesis Como ve aquí. Mira la descripción de este método. La descripción dice, este método elimina el primer elemento de una matriz y lo devuelve. Si su matriz está vacía, se devuelve undefined y la matriz no se modifica. Pero si tu matriz no está vacía, devolverá el primer elemento dentro de la matriz, y todos los demás elementos se desplazarán un índice superior. Significa que el ítem número uno será el número cero en su matriz. Déjame agregar consola que como aquí para mi array, guardar y C. Como veis, el primer ítem aquí, eso fue 3.14 ya no hay en mi array aquí, porque esta es una matriz, podemos ver todos los cambios aquí como Pero el primer ítem fue de 3.40. Y cuando uso shift para array, se elimina el primer elemento, y todos los demás elementos se moverán al índice superior. Como ves, la cadena hola está ahora en el índice cero, y así sucesivamente. Si quieres ver lo que es realmente como resultado para la función shift aquí, puedes poner esto dentro del cosle de perro Aquí, utilizo Csle que bloquean alrededor de esta función de cambio. Como veis, debido a que este método con devolver algo, puedo usarlo dentro del cosle de do log o cualquier otra parte de mi código que necesite para el primer ítem dentro de mi array Y como ve, el primer ítem aquí es 3.40. Si duplica esta línea, puede ver eso. Siempre se devolverá el primer elemento de la matriz, y la longitud de la matriz será menos ¿qué? Por ejemplo, si duplico esta línea usando todo shift y down k y mi teclado. Y ahorra. Eso ya lo ve. El primer ítem fue 3.14. Y entonces la matriz se inicia a partir de este índice. Este es el índice cero. Entonces el primer ítem es hola aquí. Y cuando vuelvo a cambiar, esto ya que se devolverá el primer ítem, y mi matriz al final es algo así. Déjenme com esta línea por ahora. Como dije, usando el método shift, se puede eliminar el primer elemento, el primer elemento de una matriz y desplazar los otros elementos hacia la parte superior al índice inferior. Como ve aquí, el primer ítem aquí está en el índice 050, y cuando uso el método shift aquí, se devuelve el 50, y mi array es algo así El número 100 está en el índice cero ahora. Sigamos en la siguiente parte. 19. Día 5: métodos de matriz: parte 2: Él todos y volveremos. El otro método para la matriz es shift. En lugar de turno, puedes usar unshift si lo necesitas. Usando shift, podemos agregar un nuevo elemento al comienzo de su matriz en el índice cero, y los otros elementos dentro su serán movidos al siguiente. Déjame usar mi array shift y dentro de los paréntesis aquí, deberías definir los elementos que quieres agregar a tu A. Por ejemplo, algo como esto, y copiar esta línea y pegarla aquí para ver mi matriz después de unshift Como veis, ahora mi A es algo así. Primero, el primer elemento de mi matriz se elimina usando el método shift. Y entonces tengo algo como esto. Y aquí agrego Otro elemento usando el método unshift, y mi array es algo así Cada unshift que use para su matriz agregará otro elemento al comienzo de su matriz Entonces como dije, usando unshift, puedes agregar un elemento en un ítem al inicio de tu array Aquí uso unshift para esta matriz. Esta es mi matriz, y agrego 50 al principio de mi matriz, y en el resultado, tengo estos para mi matriz, y unshift es un método básico para matrices en Java scri ¿Qué pasa si quieres eliminar un artículo? Desde el final de su matriz o agregue un elemento al final de su matriz en lugar del comienzo de su matriz. Para ello, contamos con dos métodos. Usando pop, podemos eliminar el último elemento dentro de su matriz. Y usando push, puedes agregar un elemento al final de tu matriz. Déjame usar mi array dot pop. Y como veis, la descripción para esta metateoría que quita el último elemento de una matriz y lo devuelve. Para que puedas mostrar o usar el valor que se devuelve usando pop meta. Si la matriz está vacía, no tienen nada. Tienes un valor indefinido como resultado. Así puedo mostrar este valor usando console.l2. Y para mi matriz también, y vamos a ver. Ahora, como ve, el último ítem aquí es falso. Usando pop, tengo falso como valor aquí. Y mi ara es algo así porque el último ítem está girado Entonces, usando POP, puedes acceder o eliminar el último elemento dentro de una matriz. Y aquí se ve el último elemento de mi matriz es 15 con índice ocho. Y cuando uso POP, elimino este elemento, y como resultado, mi array tenemos ocho ítems. Usando push, puede agregar otro elemento al final de su matriz. Como ves aquí, nuevos elementos para agregar a la matriz. Abre los nuevos elementos, nuevos elementos al final de la matriz. Y como resultado, conserva una nueva longitud de array. Por ejemplo, si la longitud de la matriz es tres, y usa push para agregar otro elemento para agregar otro elemento a su matriz, El valor de retorno para este método es cuatro. Permítanme agregar, por ejemplo, cuatro y mostrar mi matriz usando el punto de consola. Esto es lo que tengo después de empujar un elemento en mi matriz. Si agrego consola punto por aquí, lo que tenemos, no olvides cerrar también las carnes. Tengo cinco. La longitud de la matriz aquí es cuatro, como se ve aquí, el número cuatro aquí, Después de empujar otro elemento a mi matriz, la longitud de esta matriz es de cinco, y aquí está la matriz resuelta. Déjame hacerlo un poco más grande para que puedas verlo mejor. Si quieres hacer zoom aquí, solo usa tu campo de boca mientras lo mueves hacia arriba, se hace más grande. Puedes acercar el zoom. Y si quieres alejar el zoom, sólo tienes que mover la boca hacia abajo. Entonces como dije, usando el método push, ese es un método básico para arrays en script Java, se puede agregar un elemento o un elemento al final de la matriz. Así que aquí, esta es mi matriz. Tengo ocho elementos, ocho elementos dentro de mi matriz, y los índices son 0-7 Y cuando uso push by 50, tengo el 50 como último elemento dentro de mi matriz. Y ahora mi array tiene nueve elementos, nueve ítems. Sigamos en la siguiente parte. 20. Día 5: métodos de matriz: parte 3: Hola a todos, y bienvenidos de nuevo. Si desea copiar su matriz en otra variable, puede usar un método en rodajas. Pero veamos cómo. El método slice devolverá una matriz que es una copia de su matriz. Entonces necesito establecer el resultado del método slice en otra variable o mostrarlo en la consola o donde sea que necesite. Así que defino const mi nueva matriz y la configuro como mi matriz que una rebanada Usando el método slice, puedes copiar tu matriz. El método slice puede tener un parámetro. Si no define el parámetro, significa copiar desde el principio de su matriz de la matriz actual. Y el comienzo de la matriz es el índice cero, y también se puede establecer el índice del último elemento para el método slice también. Déjame usar el método slice sin ningún parámetro aquí, como ves, y mostrar mi nueva matriz aquí. En una configuración de mi matriz. Ten cuidado. Estoy mostrando mi nueva matriz aquí no mi matriz. Digamos y veamos. Como ves, la nueva matriz es la misma que mi matriz. Pero permítanme duplicar esta línea usando s, shifts y down array, y comentar la superior. Dentro del slice puse, por ejemplo, número dos, y veo en el navegador, como ves, el método slice aquí, copia del índice dos de mi array. Cero, uno, y dos y dos comienzan desde aquí hasta el final de la matriz. Aquí, permítanme simplemente duplicar esta línea otra vez, vengan en esta línea, y al final parámetro por ejemplo, T aquí y vea el navegador ahora. Como veis, solo tengo un ítem dentro de la nueva matriz. Comienza desde el número dos, hasta el número tres menos uno. Y yo me senté por ejemplo aquí. Cuatro, ahora tenemos dos elementos dentro de su matriz. Empezar desde el índice. Dos, hasta que el índice cuatro menos uno, dos y tres estarán en el resultado. Si solo quieres copiar tu matriz exactamente en otra matriz, podemos usar un método slice sin ningún parámetro. Así que usando un método slice en array, podemos rebanar una pieza de matriz en otra matriz en una nueva matriz. Como se ve aquí. Este es mi array, lo primero que tengo para mi array. Y cuando uso un slice para esta matriz, así, tengo el resultado para new array. Así que la primera matriz que es mi matriz aquí no va a cambiar. Otro método para la matriz es épico. Usando el método esplic, puede eliminar cualquier elemento de su matriz, o puede insertar un nuevo elemento dentro de su matriz No solo al comienzo de su matriz, ya que usamos el método unhit o al final de su matriz usando el método push Usando un método de empalme, puede agregar o insertar elementos, en cualquier lugar dentro de su matriz. Veamos como digo mi matriz de empalme de puntos. Como ve, aquí tengo diferentes parámetros. El primer ítem es el número de inicio. Significa índice de inicio, donde en mi matriz. Por ejemplo, si dijera, dos, significa un inicio desde el índice dos. El segundo parámetro aquí es eliminar recuento. Significa cuántos artículos se deben quitar. Si pongo un cero, significa que no se deben eliminar los artículos. Y los últimos parámetros es la lista de los ítems que puedo agregar. Y el último parámetro es la lista de los elementos que quiero agregar a mi array. Por ejemplo, permítanme establecer como verdaderos i y yo y esta línea aquí también. Pero esto pasa aquí y vi el navegador, como ves, los nuevos elementos que definí para mi array, agregaron desde el índice dos, cero, uno, dos, esto es cierto, entonces alto y y el ítem que estaba en el índice cero ya está aquí. Ahí en el índice cinco. Inserté tres nuevos elementos dentro de mi matriz. Y permítanme copiar esta línea. Comenta esto usando el control slash. Y yo dije, por ejemplo, dos aquí. Establezca un valor para el parámetro delete count y guarde. Verás, ahora tengo algo así en mi matriz. Del índice dos, elimine dos elementos y agregue estos tres nuevos elementos. Esto es cierto y se elimina este número. Y yo en cambio, tengo estos tres elementos dentro de mi A. Y si simplemente no mencionan los nuevos elementos como estos, significa eliminar los elementos que especifique aquí, de qué índice, el índice dos. Ven en esta línea primero, Save y C, como veis, se quitan estos dos elementos, del índice dos, quitan dos elementos. Entonces, usando un método de empalme, puede insertar elementos en la matriz o eliminar los elementos de la matriz o hacer ambos al mismo tiempo. Aquí, no especifico nuevos elementos, por lo que solo quita los elementos de mi matriz. Comienza desde el índice dos y elimina cuatro elementos de mi matriz. Si quiero especificar agregar elementos insertar elementos dentro de mi matriz, debo agregarlos después del parámetro delete count después de estos cuatro aquí. Si especifico cero en est de cuatro aquí, significa no eliminar ningún elemento. Sigamos en la siguiente parte. 21. Día 5: métodos de matriz: parte 4: Hola a todos, y volveremos. Si quieres verificar, si hay algún artículo dentro de tu ary, puedes usar el método index. Por ejemplo, permítanme decir mi índice ara. Devolverá el índice de cualquier artículo que especifique aquí. Qué artículo, por ejemplo, permítame saludar. Y como resultado, devolvería el índice de la primera ocurrencia del elemento del valor que aquí especifique. Si este método no puede encontrar ningún elemento como este dentro de su matriz, el resultado será menos uno. Necesito mostrar el resultado en alguna parte, por ejemplo, consola que inicie sesión y vea en el navegador. El ítem hola está en el índice S aquí, esta es mi matriz, y el hola está aquí. Y si acabo de copiar esta línea, y aquí dije alto, por ejemplo, ya que no tengo alto en mi matriz. El resultado es menos uno. Significa que no hay ningún elemento como este dentro de esta matriz. Entonces, usando índice de método en matrices, es decir una especie de métodos de búsqueda, puede encontrar el índice de un elemento dentro de su matriz. Por ejemplo, como ve aquí, el índice del ítem siete es cinco aquí. Pero el índice del ítem 750 es menos uno porque no hay tal ítem dentro de esta matriz. Un índice hacia arriba encontraremos el índice de la primera ocurrencia de este ítem si existe. También tenemos último índice arriba. A diferencia del índice que encontrará la primera aparición de un elemento dentro de una matriz. El último índice hacia arriba encontrará la última aparición de un elemento dentro de una matriz. Y si no encontró ningún ítem como este, por ejemplo, último índice de 750, devolverá menos uno como índice como resultado. Otro método para matrices es joint. Usando joint, podemos convertir su matriz en una cadena. Tenemos dos métodos para convertir nuestra matriz en cadenas. En primer lugar, el método de dos cadenas, y el segundo es conjunto. Pero la diferencia entre las dos cadenas, y el método joint es que usando joint, puedes establecer un carácter o el separador que deseas unir los elementos dentro de tu array. Veamos cómo. Por ejemplo, digo console dot porque el resultado de estos dos métodos son string. Digo mi matriz punto mi matriz punto a cadena. Convierte mi matriz en una cadena, y este es el resultado en el navegador. Los artículos están separados por comas. Pero déjame duplicar esta línea y aquí en vez de usar dos cadenas, uso join. El guardado y C. Ya ves, tengo el mismo resultado para dos cadenas. Aquí. Pero déjame duplicar esta diapositiva. Si especifico un personaje, por ejemplo, algo así. Ahora, los elementos se unen usando estos personajes. El uso de la metogía de dos cadenas puede convertir su matriz en una cadena Y por defecto, los elementos dentro de tu array, nos unimos usando el carácter de coma Pero si usas join para conectar los elementos dentro de tus matrices juntos, también puedes especificar el carácter. Y si no especificas el personaje aquí, significa carácter. Aquí, me uno a los elementos dentro de la matriz, usando el carácter y veo, este es el resultado. Si recuerdas, dije aquí, usando index of, podemos encontrar el índice de un ítem dentro de la matriz. Si ese elemento existe en su matriz. Y si el ítem no existe en tu array, el resultado de este método es menos uno. Tenemos otro método que puedes usar para verificar si hay un ítem en la matriz o no. Y el resultado Para este método no es el índice de la matriz, es simplemente verdadero o falso. Si el resultado es verdadero, significa que el elemento existe en la matriz. Y si el resultado es falso, significa que el ítem no existe en la matriz. ¿Cuál es ese método? Es incluir consola punto como mi matriz, incluye incluye qué? Define el elemento que desea buscar dentro de su matriz. Por ejemplo, 25 y guardar y ver el navegador. El resultado es cierto aquí. Esto es para incluir. Se puede ver que este es el resultado de esta línea. Y si duplico esta línea, y por ejemplo, dije, busca 250 en mi array, tienes fuentes aquí porque no tengo ese ítem dentro de mi array. El uso incluye, puedes pollito si un artículo. Así que el uso incluye. Podemos verificar si el uso incluye método. Podemos verificar si existe un valor en una matriz o no. Si el valor existe, el resultado es verdadero para este método. Y si el valor no existe, el resultado es falso, como se ve aquí. La matriz incluye el ítem siete, por lo que el resultado es verdadero, pero no incluye el valor 750, por lo que el resultado es falso. Sigamos en la siguiente parte. 22. Día 5: métodos de matriz: forEach: A Hola a todos, y volveremos. En esto, vamos a hablar los otros métodos para arrays en script Java. Uno de los métodos más utilizables para las matrices en script Java es para e. Usando f e, puede llamar a una función uno para cada elemento de la matriz. ¿Cómo? Permítanme definir otra matriz, por ejemplo aquí, const numbers. Algo así. Tengo una matriz de números. Y aquí quiero escribir cada uno de los elementos de la matriz en la consola por separado. Cómo puedo usar el método de cuatro pulgadas aquí. Entonces números que cuatro H. Dentro de las cuatro H como parámetro, se necesita una función. Así que en java script, parámetro para función puede ser una función dos. Entonces necesito definir una función para este método. Pero, ¿cuál es la condición para definir esta función para este método? Como ve aquí, necesito un valor como parámetro. Necesito un índice, y necesito la matriz. La matriz en sí. Aquí, antes o después de esto, defino una función. Y llamarlo como correcto, por ejemplo, senté el parámetro como índice de valor y el arco. Dentro de esto, digo, abogado, ese valor. El valor es el valor de cada elemento en su matriz. También aquí, puedes sentarte por ejemplo justo en la cussle. El ítem en el índice, por ejemplo, cero es por ejemplo aquí 12. Si quieres tener algo como esto, podemos rito tu cssle que este cssle, ese registro Lo que el índice formeter aquí es el índice del ítem, y el valor es el valor del ítem en sí Estoy aquí en esta parte. En esta parte, debería llamar a esta función. Pero debido a que esta es una función como parámetro, solo escribo un nombre para esta función. Y digamos como en el navegador. Como ve, tengo 12 ítem en el índice cero es 12. Y permítanme comentar esto. Para que lo veas mejor. Tengo algo como esto para estos números Y si llamo a esto para cada función para copia técnica de examen, pegarlo aquí. En lugar de números, llamo a mi matriz, y tengo algo estos en la suela. Entonces, usando cuatro e, puede hacer una prueba para cada uno de los elementos dentro de su matriz de esta manera. Por ejemplo, si desea agregar un número a cada uno de los elementos dentro de su matriz. Déjame hacer esto así. Vamos a resultar como valor más dos y escribir en el castillo que registran el resultado. Y permítanme comentar esta línea. Como veis, ahora tengo esto en el navegador. Y para estos dos elementos, porque son una cadena, si agrego algo al valor de la cadena, el resultado será la cadena dos. Entonces aquí, agrego número dos a cada uno de los elementos dentro de mi matriz. Pero qué pasó con los elementos dentro de la matriz misma. Entonces déjame agregar cosle ese registro. O números, por ejemplo, como ves, los elementos para la primera matriz de números son la misma matriz que la matriz inicial. Pero solo en los cuatro cada método, cada ítem se agrega a dos. Un punto más aquí es que para cada uno, no es necesario definir realmente una función diferente aquí. Puedes escribir una función directamente en los parenteses aquí. Déjame mostrarte los números para cada uno. Estar dentro del para cada uno, necesito una función. Debería usar la función ker para definir mi función aquí. Pero porque estoy definiendo la función. Dentro de esto como parámetro. No tengo que definir un nombre para esta función, como lo que tenemos aquí, por ejemplo, aquí, tenemos. Pero aquí, no necesito ese nombre. En cambio, debería definir los parámetros para esta función. Como ves, me está diciendo, necesito valor, índice y el array en sí. El primer parámetro es igual. Entonces necesitas al menos definir un parámetro aquí. El nombre para el parámetro puede ser cualquier cosa. Por ejemplo, value, si lo deseas, puedes configurarlo como item o cualquier otra cosa. Por ejemplo, permítanme decirlo como ítem aquí, y luego llaves porque necesitamos definir el código el cuerpo de la función Aquí, por ejemplo, permítame decir consola que me gusta, muéstrame el artículo. Aquí y punto y coma aquí y aquí como t. Porque este es el final de este paréntesis para cuatro cada método Entonces aquí para cuatro, puedes definir la función así o así, definir la función por separado y llamarla dentro del método four H. O definir la función dentro del para cada método como el parámetro. Ahora veamos y veamos en el navegador. Como ve, tengo mis artículos aquí así. Sigamos en la siguiente parte. 23. Día 5: métodos de matriz: mapa: Hola a todos, y bienvenidos de nuevo. En esto hacemos, vamos a hablar otro método para arrays que se llama map. Permítanme definir mapa primero y luego ver la diferencia entre el mapa y para cada uno. Aquí, defino números que mapean. Y para map como parámetro, necesito una función dos, como la función que tenemos para cada uno. Podemos definir una función por separado. Y agrega un nombre para tu función, o puedes definir la función aquí dentro de los paréntesis para el mapa como argumento Déjame definirlo aquí. Debes definir los parámetros que necesitas dentro de esta función. Puede tener hasta tres parámetros. El valor que es el ítem en sí, el índice, que es el índice del ítem, y la matriz misma. Por ejemplo, permítame llamar al primer parámetro como valor, ese es el valor de mi artículo. Y déjame mostrar el valor en el registro, eso es guardar y ver en el navegador. Como ves, F aquí, dos aquí es el resultado de la por cada metro. Y de aquí para acá es el resultado del método del mapa. Déjame añadir comentario en los registros también, algo como esto. Añado estas dos líneas aquí para mostrar en el resultado de consulta para cada uno está aquí, y el resultado para el método de mapa está aquí. Pero, ¿cuál es la diferencia entre map y para cada uno? En mapa, podemos devolver valor. Devuelve cualquier cosa que quieras, por ejemplo, haces una tarea en cada uno de los elementos dentro de tus arrays, y quieres tener el resultado. Entonces aquí, permítanme regresar, por ejemplo, el valor multiplicar dos. Digamos C en el navegador. Como ve, todavía no tengo nada aquí en la cosole. Pero el resultado del mapa es una matriz en sí misma. Entonces aquí puedo definir una nueva matriz, por ejemplo, un nuevo número, y establecer el valor para este nuevo número como mapa para los números. Y luego déjame olvidé la columna sem aquí, mostrar la nueva matriz de números en la consola guardar y S. Como ves, la nueva matriz de números está aquí. Cada elemento de la matriz de números es multiplicar dos, y el resultado está aquí. Recuerde, la matriz de números en sí no se cambia. Déjame mostrar los números ra dos aquí. Y mira, esta es la matriz de números, y esta es la nueva matriz numérica. La diferencia entre map y para cada uno es que canta para cada uno, puedes hacer una prueba para cada uno de los ítems dentro de tu array, pero el para cada método no puede devolver nada como resultado. Pero cuando usas map, el resultado del método map es una matriz, y puedes usar esa matriz en cualquier otro lugar dentro de tu código JavaScript si lo necesitas. JavaScript tiene más métodos para matrices. Te recomiendo que escribas el nombre de tu matriz, por ejemplo números. Y después del periodo, puedes ver una lista de los métodos que ya tienes para arrays, como ves aquí. Este icono aquí está mostrando el método. Y este icono significa la propiedad. Si hablamos de la propiedad de longitud en el anterior. Y por ejemplo, usando la longitud, puedes acceder a la longitud, el conteo de los números dentro de tu matriz. Y usando los otros métodos, puedes hacer algo especial para tu matriz. Por ejemplo, usando sort, puede ordenar su matriz. E insisto en que hagas clic en cada uno de estos métodos y veas la documentación, por ejemplo, entonces quieres ver la documentación solo tienes que abrir los paréntesis aquí y ver qué está diciendo de este método Además, en VSC, si mantienes la tecla de control en tu teclado y Klick en el nombre del método, podemos ver la documentación de estos métodos aquí como pero no cambies las cosas que ves Por ejemplo, si presiono la tecla de control y lame sobre esto, veo la descripción para el método de mapa aquí. Y también, puedes ver el método four H aquí como Como tenemos muchos métodos para arrays de un script, podemos llegar a los otros métodos para arrays durante sus puntuaciones, pero te recomiendo que los practiques tú mismo y veas el resultado en el navegador, si cambias tu array con cada uno de estos métodos. Gracias por mirar. Únete a mí en la siguiente parte. 24. Día 6: operadores aritméticos: Hola a todos, y bienvenidos de nuevo. En este video, vamos a platicar operadores en Java Script. Usando operadores, puedes realizar operaciones matemáticas o de comparación dentro tu programa dentro de tu código por defecto. Son diferentes tipos de operadores en Java script que se pueden utilizar para diferentes propósitos. Podemos ver la categoría de operadores aquí en esta diapositiva. Tenemos asignación aritmética, comparación y un operador de cadena, y también tenemos operadores ternarios y de tipo beat wis lógicos ternarios y de tipo beat wis Esto do, vamos a hablar de operadores aritméticos. Usando operadores aritméticos. Se pueden realizar operaciones aritméticas en números. Estos números pueden ser literales. Significa cinco, diez, 3.5, estos son números literales, o pueden ser variables. Si define una variable de tipo número, puede usar estos operadores aritméticos en ella y hacer el cálculo en d. podemos ver una lista de operadores para operaciones aritméticas en Jova salta Veamos cómo podemos usar estos operadores. Bien, para mostrar el uso de operadores aritméticos, creo un nombre fino operadores que S para código de script Joa y operadores que HTM para mostrar el resultado del operador que fi en este documento Y deberías agregar una relación usando el elemento script dentro del código rel. Aquí quiero usar operador athmetic. La mayoría de los operadores en Joa Script necesita dos operandos ¿Qué es la ópera? Déjame usar el operador de adición. Por ejemplo, déjame definir una variable let sum igual cinco más seis, como ves, este es operador de suma. Se necesitan dos ers para operador de adición aquí, uno antes del operador y otro después del operador. Las huellas aquí son cinco y seis. En Java ski, cuando usas plus, significa adición. Agrega dos números juntos. Si quieres ver el resultado, puedes usar consola punto L y mostrar la suma en el navegador, penit live server, inspeccionar y en el Csle, tenemos 11 como resultado aquí Para sumar, necesitamos dos rads. Estos rads pueden ser números o pueden ser variables de tipo número Por ejemplo, permítanme definir el primer número como cinco y el segundo número como seis, y luego sumar estos dos números juntos y mostrar el resultado en el bloque cosle do Y aquí, los operandos son primer número y segundo número antes y después del operador Y este es el resultado en el navegador. Para restar dos números, puede usar el operador de resta del operador menos Aquí, lo digo primero número menos o restar del segundo número Y mostrar el resultado en suela, y este es el resultado. Entonces esto es sustracción. O también puedes usar números, los números literales como este para este operador. El operador de resta necesita dos uprants. La siguiente operación aritmética es multiplicar. Déjame definirlo como M y primer número, estrella o multiplicar segundo número. Esto es multiplicación, y muestran el resultado en Carso, y este es el Y necesitamos dos helechos para multiplicar como primer número y segundo número más complicada Aquí también se puede tener una operación aritmética Por ejemplo, suma, resta, multiplicación o división en un Estas son solo operaciones simples. La siguiente operación es división, neta di primer número división por segundo número, y esta es división y mostrar el resultado en consola, guardar y C. Este es el resultado. Y para la división, necesitamos dos artes, como ven aquí. Y la siguiente operación es el resto. Utilizamos primer signo de porcentaje de número. Este es operador de módulo. Conserva el resto de la división. Por segundo número y mostrar el resultado Cosle como ves, el resto de la división 5/6 es cinco Aquí para la operación restante, para la operación del módulo, necesitamos dos pern como th Esto es el resto. El siguiente operador es el operador de exponenciación. Usando este operador, podemos elevar la primera pern a la potencia de la segunda superior Permítanme definir po como una variable aquí. Después primer número, exponenciación, luego el segundo Esto es exponenciado. Y ver el resultado en el navegador. Esto en contra lo hacen. Como veis, el resultado para cinco a la potencia de seis es éste. En lugar de usar el operador de exponenciación, podemos usar la función power en JavaScript Cómo me permiten definir xp dos como M punto power primer número sobre segundo número. Y ver el resultado y el costo es ins eso. Como ve, estos dos valores son los mismos. Puedes usar este método, el método power que se encuentra dentro del objeto matemático de Jovcript Y tener el mismo resultado que el operador de exponenciación. Para el operador de exponenciación, se necesitan dos operaciones El siguiente operador en el script Jo es el incremento y decremento Cómo usamos los operadores de incremento o decremento, primero número dos signos más, y eso es todo. Incrementa en uno el primer número. Es igual a algo así, primer número equivale al primer número más uno. Tendrá el resultado igual que éste. Si ve el primer número en la consola, ya ve, tengo seis aquí. Para el operador de incremento, solo necesita una operación. También contamos con operador decremento. Segundo número, por ejemplo aquí, dos signos menos, y ver el segundo número en consola. Tengo cinco para el segundo número ahora aquí. Esto es lo mismo que el segundo número es igual al segundo número menos f. En lugar de usar algo como esto, puedes usar esto en tu código Javascript. Entonces como veis, para este operador decrementador. Quiero decir menos menos, solo necesitas una operación. Este plus plus, y este menos menos puede ser ante los operantes dos Por ejemplo, más más primer número. Esto es lo mismo que esto. Vengo en este dos, y también tengo menos menos segundo número. Esto es lo mismo que esto. esto lo llamamos ya que el operador está antes del extremo superior aquí como prefijo. Y para éste, debido a que el operador está tras el extremo superior, lo llamamos como post fix. Y también aquí, esto es post fix, y esto es prefijo. Por defecto, el resultado para los operadores postfix y prefix es el mismo Pero hay una pequeña diferencia entre el operador que usa después Dobrin y el uso del operador antes Me refiero al operador de postfix y prefijo para operadores incrementadores y decrementadores Permítanme mostrar esta diferencia con un ejemplo. Déjame definir otra variable aquí, por ejemplo, x como diez y déjame definir la variable y aquí como x más más aquí. Déjame mostrar Ambas variables en la consola así, x es x y duplicar esta línea y cambiar aquí. Después de usar x más x es 11, pero y es diez. Verás, dije, y debería ser x plus plus. Pero y es diez. Déjame mostrar el resultado aquí para x también, y ves la diferencia. Nuevamente, x primero es diez. Después de plus plus es 11, pero ¿y es diez? Y y es diez porque antes del operador más más aquí, el valor de la x se asignará a la y. usemos el prefijo. Deje que z plus y, algo así, y muestre el resultado para z también. El y aquí es diez, y el valor para z es 11 después de usar más más cuatro y. Entonces aquí, primero y se sumará a uno, entonces el resultado de esto se asignará a la variable z. Si muestro la variable y aquí también, vea, tanto la y como la z son 11. Entonces, cuando quieras usar estos operadores en tu programa, ten cuidado con esto. Post fixes, se usa el valor para la variable, entonces se aplicará la operación. Pero para los prefijos, primero se aplica el incremento o decremento, luego se utilizará como resultado el valor Usando la operación aritmética, puedes hacer cálculos matemáticos o aritméticos en tu código javascript donde lo necesites Cuando quieras usar, estos operadores, ten cuidado con la pequeña diferencia entre las correcciones de postes y los prefijos Déjame decirte otro punto aquí. Supongamos que tenemos tal expresión atmética en nuestro programa. ¿Cuál es el resultado de esta expresión? Déjame mostrar esto en el navegador? ¿El resultado es 250 o 120? Antes de que veamos en un navegador, trata de adivinar qué pasó. Si estás familiarizado con otros lenguajes de programación, puedes adivinarlo correctamente. Pero déjame ver ahora, el resultado es de 120. ¿Por qué no es 250? Qué operación se realiza primero. En el script Java, el operador tiene prioridad entre sí Y esto describe el orden en que se realizan las operaciones en una expresión aritmética Déjame formatear mi documento aquí. Es mejor. En esta expresión, el primer operador que se realiza es la multiplicación, luego el más y luego la resta En total, la multiplicación y división tienen mayor precedencia que la suma y Pero se pueden cambiar los precedentes de los operadores en el script Java usando paréntesis Déjame duplicar esta línea y entrar. El superior, y usando paréntesis aquí de aquí a aquí Ahora veamos el resultado en el navegador. Como ve, el resultado es ahora de 250. Lo primero que está dentro los paréntesis se calculará, después lo que está fuera de los paréntesis Entonces muchos operadores tienen la misma precedencia como suma y resta o multiplicación y división, se calculan de izquierda Entonces aquí, primero se aplicará más, luego resta También aquí. Si quieres saber más sobre los operadores aritméticos en script Java, solo tienes que escribir más expresión aritmética como esta, más complicada que esta, y ver el resultado en el navegador y ver qué sucede cuando usas diferentes operadores de diferentes precedentes o los mismos precedentes. Gracias por mirar. Únete a mí en la siguiente parte. 25. Día 6: operadores de señalización: Hola a todos, y volveremos en este do. Vamos a hablar de operadores de asignación en JavaScript. Si desea asignar un valor a una variable, necesita asignar operadores. Tenemos diferentes operadores de asignación en JavaScript. Podemos ver una lista de operadores de asignación para operaciones aritméticas en Java script aquí Usémoslos en acción. Bien. Aquí creo un archivo SGM llamado operador de asignación es S y un operador de asignación de archivos de script Joa relacionado punto JS Y agrego una referencia a este guión también. Aquí no tengo nada en mi archivo de script Jova. Usemos operadores de asignación aritmética. Permítanme definir el número uno como por ejemplo. Diez y el número dos como cinco por ejemplo. Como ve aquí, Este es el operador de asignación. Podemos usar este operador de asignación para cada tipo de variable, cada tipo de datos en el paso Ja. Aquí, estoy asignando un número a variable. Este número, esta variable será un número. Usamos equal assign para asignar un valor a una variable. En el video anterior, hablamos de suma, resta, multiplicación y otras operaciones aritméticas hablamos de suma, resta, multiplicación y otras operaciones aritméticas en JavaScript. Como recordarán, si quiero sumar el número uno al número dos y establecer el resultado de esta adición al número dos, debería escribir algo así como este número dos, debe ser el número uno más el número dos. Y déjame mostrar el resultado para número dos en el Cosle usando cose esa luz número dos y guardar y ver este archivo en el navegador Como ve, tengo 15 aquí. Y ahora déjame formatear mi documento. Bien. Cuando se tiene una operación, que el resultado debe ser asignado a uno de los ers. Podemos usar operadores de asignación. Aquí estoy sumando el número uno al número dos, y el resultado debe asignarse al número dos. En lugar de usar esto, puedo escribir algo como este número dos más es igual al número uno. Esta afirmación y esta afirmación son iguales juntas. Puedo copiar esto desde aquí y agregar un comentario a Aquí y comentar esto, y volvamos a ver el resultado en el navegador. Como ve, sigo teniendo 15 como resultado. Entonces en esta situación que se tiene un operante que debe almacenar, el resultado de una operación, podemos usar algo como esto Tenemos lo mismo para resta, multiplicación, división, resto y Déjame mostrarlos todos aquí. Simplemente duplico esta línea usando todo si abajo k, y aquí dije menos o resta, y aquí multifico mi comentario dos, y déjame entrar en la línea superior Y ahora tenemos menos cinco aquí. número dos es cinco, menos el número uno es menos cinco. Y lo mismo para la multiplicación. También sustituyo esto y vengo en esto. Y tengo 15 como resultado. Y para división también, duplico esta línea, comento esta división Citi y aquí en comentario también Entonces ya sabes a lo que me refiero aquí. Número dos, división es igual al número uno es lo mismo que el número dos es igual al número uno división por número dos, y vea el resultado. Tengo 0.5. Y para lo que resta, uso signo persona aquí y lado persona aquí y vengo a esta C. tengo cinco como resto. Para la exponenciación, duplico nuevamente aquí, y uso dos estrellas aquí como señal para exponenciación y dos estrellas aquí para, y com d. ahora tengo esto como resultado en el navegador. Entonces como ves, si tienes que establecer el resultado para una operación, a una de sus rends, puedes usar algo como esto en operadores de asignación en tu código script Java Hace que tu código sea más corto y más legible. Gracias por mirar. Únete a mí en la siguiente parte. 26. Día 6: comparación y operadores lógicos: parte 1: Hola a todos, y volveremos. En este video, vamos a hablar comparación y operadores lógicos en el script Jo. Usando operadores de comparación y lógicos, podemos probar para verdadero o falso de las variables. Los operadores de comparación se utilizan en las sentencias lógicas para verificar la igualdad o la diferencia entre variables o valores. Se puede ver una lista de estos operadores aquí, tenemos igual a que es diferente con el operador de asignación. Mire con cuidado. Aquí tenemos dos signos iguales, y significa igual a dos. Y si tenemos tres signo igual, significa igual valor e igual tipo. Cuando se comparan dos variables juntas usando este operador, si tienen el mismo valor y el mismo tipo, se considerarán iguales. No tenemos igual y no igual valor o no igual tipo, y otros operadores para la comparación como laboradores lógicos Utilizamos operadores lógicos para combinar dos o más expresiones lógicas juntas. Como ejemplo, ves aquí, si consideras x como cinco, e y como diez, podemos verificar aquí el valor para el resultado de estas expresiones lógicas. Usemos estos operadores en acción y veamos cuál es el resultado. Bien para mostrar cómo podemos usar comparación y gital, K los operadores de comparación de nombres de archivo punto y un operador de comparación de archivos Jova script relacionado punto JS Y este es el documento mychel, la estructura básica de un documento químico Y aquí está mi archivo de script Jova. Para mostrar cómo podemos usar operadores de comparación, déjame definir una variable, por ejemplo. Vamos al número uno como diez, y si quieres verificar la igualdad de la variable o dos valores juntos, podemos usar el sitio igual. En Jo sk, tenemos dos signos iguales, uno que es dos signos iguales, y uno que es tres sitios iguales. Estos dos signos de igualdad tienen una diferencia. Estos dos signo igual, comprueban el valor de igualdad entre dos variables o dos valores, y el tipo de las variables y los valores no son importantes. Pero este signo además de verificar el valor, comprobará el tipo de las variables dos. Llamamos a este tres signo igual aquí como comparación estricta. En fin, déjeme mostrar algo en así, para que ese número uno sea igual al número diez. El resultado es, y ver este archivo en el navegador con el servidor de vida. Tengo verdad como resultado aquí porque el valor para el número uno es diez, y estoy comprobando la igualdad con diez como valor. Y déjame usar la consola que registra aquí ahora para el número uno es igual a diez como cadena. Ver el resultado. El resultado sigue siendo cierto. Cuando compara una cadena y un número en el script Java, script Java intenta convertir el valor de la cadena en un número. Por ejemplo, aquí puede convertir esta cadena al número diez. Entonces estas dos afirmaciones son iguales entre sí. Si la cadena está vacía. Déjame duplicar esta línea, esta es una cadena vacía. Veamos que el resultado en el navegador es falso. Cuando Java script quiere convertir una cadena vacía a un número, devuelve cero o cadena vacía. Aquí, la cadena diez es lo mismo que diez. Se convirtió a diez por Javascript. Pero déjame duplicar esta línea otra vez. Si tengo algo más dentro de mi cuerda. ¿Qué pasa con este hola aquí que es una cadena? Jos quieres convertir esta cadena a un número. Veamos el resultado en el navegador. Vamos a guardar y ver el resultado en el navegador. Como ven tengo fallas como resultado para esta operación de comparación aquí. Y, cuando una cadena en Jo SC contiene letras no numéricas. Se convirtió a ninguno, y cuando se compara cualquier número con este valor, el resultado siempre es falso. Entonces, si tienes un número en tu cadena, se convierte al número igual. Si tienes una cadena vacía, ésta se convierte a cero. Si tiene cadena no numérica, incluso una combinación de letras y números juntos, se convierte a ninguno, y en operaciones de comparación, el resultado siempre es falso Déjame copiar esta línea usando el control C y pegarla aquí. En lugar de dos signos iguales, utilizo tres signos iguales, y veo el resultado en el navegador. Como veo, ahora tengo falte. Aquí, La cadena diez no se convierte al diez como número. Usando este signo, podemos comparar el valor y el tipo de dos variables o rands arriba juntos El número uno aquí es un tipo de número. Y este diez es una cuerda. Entonces no puedes compararlos juntos, y el resultado para comparar estos dos tipos diferentes de variables en el script Java es fos. El siguiente operador no es igual operador. Pego esta consola como aquí, y aquí, uso este lado. Esto es cheque de pecado por no igualdad. Si dos variables o dos valores no son iguales, el resultado es falso, y si son iguales, el resultado es verdadero. Si dos variables o dos valores no son iguales aquí. El resultado es verdadero, a diferencia del signo igual. Cierto, F signo igual es el que dos variables o dos valores son iguales. Pero aquí, cierto es el. Dos valores o dos valores base no son iguales. Y si son iguales, el resultado es falso. Veamos estos en el navegador. Tengo falso en el navegador void porque diez es igual a la cadena diez aquí. Y si comparo mi número uno con otra cosa, por ejemplo, cinco aquí y C, tengo verdad ahora. Además de este signo no igual, no tenemos igual Srick, es decir check para no igual valor o no igual tipo Entonces yo dos variables y valores no tiene un mismo valor, el resultado es verdadero, no tiene el mismo tipo, el resultado es verdadero. Pero si son iguales, el resultado es falso. Déjame copiar esta línea, y aquí uso no igual strick que es este signo y necesita dos signos iguales El resultado para esto es cierto. El número uno es un número, y esto es cadena. Entonces el resultado es cierto porque el tipo de estos dos paréntesis aquí no son los mismos Si aticate esta línea y situs. Cinco, el resultado sigue siendo verdadero, y si duplico esta línea y pongo sus diez, el resultado es p porque diez es igual a diez. Sigamos en la siguiente parte. 27. Día 6: comparación y operadores lógicos: parte 2: Diablos, todos, y volveremos. El siguiente operador es mayor que. Aquí, dije, número uno, mayor que por ejemplo, cinco, y ver el resultado en el navegador es cierto. Y? Ser diez es mayor que cinco. Si digo mayor que 20, el resultado es f porque diez no es mayor que 20. Copio estas dos líneas aquí y me siento aquí. Yo en vez de mayor que, uso menos que para aquí y menos que para aquí. Si el valor número uno es menor que cinco, el resultado es verdadero. Si el valor número uno es menor que 20, el resultado es verdadero aquí. Pero por lo demás, el resultado es falso. Ver el resultado. Diez no es menos de cinco, por lo que el resultado es falso. Diez es menos de 20, por lo que el resultado es cierto. También tenemos mayor o igual a y menor o igual a operadores dos. Por ejemplo, déjame pegar estos dos y el mayor que o igual a usar este lado y menos que igual usando este lado. Si el valor para el número uno es mayor que cinco o igual a cinco, el resultado es verdadero. A menos que el resultado sea cinco. Y F aquí, si el valor para el número uno, es menor o igual a 20, el resultado es verdadero, a menos que el resultado sea falso y vea el resultado, ambos son verdaderos. Y si cambio por ejemplo, 15 aquí, para éste, el resultado es falso. Y si dije diez, tengo verdad. Pero si me quito este igual de aquí y compruebo mayores a diez. El resultado son las probabilidades. Entonces para esto, el resultado es falso. Y si agrego iguales a seno aquí, el resultado cambia a true. Entonces, como ves, el resultado para los operadores de comparación siempre es verdadero o falso. Necesitamos estos operadores de comparación en declaraciones de condición en scripts Jo. Estos son tan simples. Solo recuerda las señales y conoce lo que necesitas en tu código. También contamos con operadores lógicos en saltas de trabajo. Usando operadores lógicos, puede combinar dos o más expresiones de comparación juntas. Por ejemplo, permítanme agregar un comentario en mi registro y decir operadores lógicos, por ejemplo. Y aquí quiero combinar dos operadores de comparación usando operadores lógicos. Escribo ese registro porque quiero mostrar el resultado en el registro. Dije el número uno mayor que diez, y el número uno, menos del 20. Esto es y operador lógico. Significa que el resultado para este operador lógico es verdadero cuando la expresión izquierda y la expresión derecha, ambas son verdaderas. Entonces, si el número diez es mayor que diez, y al mismo tiempo, es menor que 20, el resultado para esto es cierto. Vamos a ver ahí en las cejas. Tengo falsas. ¿Por qué? Porque uno de estos no es cierto. Entonces para el operador final, si una de las opera no es verdadera, el resultado siempre es falso. Y si quieres tener verdad como resultado, ambos operantes deben ser ciertos Si duplico esta línea, y en vez de n, digo o la diferencia entre n aquí, y todo aquí es eso. Para todos, al menos uno de los padres debe ser cierto. El resultado es cierto. Digamos C. C, tengo verdad para o aquí. Para todos, una de las operaciones debe ser cierta, así que tienes verdad en el resultado. Y yo los dos son falsos, el resultado es falso. Se puede cambiar el valor de los operadores de comparación de true a fonts o fonts, dos, true usando el operador nut. Aquí, por ejemplo, digamos consola, ese Lg para operador de tuerca, yo uso este letrero, no y el extremo superior debe estar dentro de la aparentesis El número uno es igual a diez. número uno es diez, y se compara con diez usando este signo igual. El resultado para esta expresión que está dentro de la aparentess aquí es cierto Pero cuando uso la nuez antes que ella, significa convertir esto de verdad en falso. L s y ver. El resultado es falso aquí. Si solo duplico esta línea y quito el letrero de la tuerca de aquí, Eso se puede ver. El resultado es cierto. Entonces, usando operadores de comparación, puede comparar dos valores o dos variables juntas y tener verdadero o falso como resultado. Y usando operadores lógicos, puede combinar dos o más operaciones de comparación juntas. Recuerda que aquí comparo la variable número uno con otro valor. Siempre se pueden comparar dos variables juntas, dos valores juntos. Déjame mostrar aquí dos para esto. Que el número dos, por ejemplo, sea 50 Y en contra, ese registro, puedo comparar esto con número uno es igual al número dos. Por ejemplo, para esto, y también para los operadores lógicos. El número dos es menos 45. Por ejemplo. Veo el resultado para estos dos. Tengo para ambos falsos y resultados para comparación. Y los operadores lógicos depende del valor para los operantes. Pero siempre el resultado será verdadero o falso. Gracias por mirar. Únete a mí en la siguiente parte para usar estos operadores de comparación usando sentencia condicional en escritura oral. 28. Día 6: declaración condicional: si ... else: Hola a todos, y bienvenidos de nuevo. En Java script, si se quiere tomar una decisión entre diferentes situaciones, entre diferentes condiciones. En tu programa, necesitas declaraciones condicionales. En Java script, tenemos cuatro sentencias condicionales que puedes ver la lista de ellas aquí. El primero es si queremos especificar un bloque de código a realizar, Si la condición, por ejemplo, si el número es mayor que diez, por lo que este bloque de código debe ser ejecutado. Usando else, se puede definir un bloque de código a ejecutar. Si la condición es falsa. Usando else si puedes especificar una nueva condición si la primera condición es falsa, por lo que esta condición sería verificada y si es verdadera, El bloque de código se ejecutará y de lo contrario no se ejecutará. Usando sentencia switch, puede especificar muchas condiciones y bloque de código para ser ejecutado. Veamos cómo podemos usar estas declaraciones. Por si, aquí creo archivo I S M y relaciono con Il JS y tengo un archivo Fl JS relacionado como. Permítanme definir una variable, por ejemplo, Lumber uno como diez Si desea verificar una condición en el script JVI, puede usar la instrucción if Tecleamos I y dentro de los aparentes aquí, deberías verificar tu estado La condición aquí es en realidad una expresión comparativa de la que hablamos de esto en el video anterior. Por ejemplo, si quiero verificar número uno mayor que diez, o déjame decir como mayor que 20, y hacer una acción, un bloque de código, si este valor variable es mayor que 20. El código, el bloque de tu código debe colocarse dentro de ases rizados. Aquí dije, por ejemplo, consola, ese número uno es mayor que 20. Si el valor para el número uno es mayor que 20, tengo este mensaje en consola. De lo contrario, no tengo nada. El s y C, Como veo, no tengo nada en Cs amor como y porque esta condición es falsa. El resultado para esta condición aquí es falso. Si copia esta declaración aquí y la pego aquí e inset de la mayor menor que 20 Déjame formatear mi documento esto en todo turno y si las teclas, a la vez, tengo este mensaje en Csle no Entonces este código no puede estar equivocado. Porque el número uno no es mayor que 20. Entonces la condición aquí es falsa. Entonces, cuando el resultado para esta condición aquí es falso, este bloque de código no puede estar equivocado. Pero aquí, debido a que el resultado para esta condición es cierto, esta afirmación puede equivocarse. Si quieres establecer un bloque de código para que se ejecute, si el resultado para la condición es falso, déjame copiar esto de aquí. Necesito algo así para aquí. En esta condición, número uno mayor que 20, este bloque de código no puede ser roca. Pero si quiero ejecutar un bloque de código, si la condición es falsa, puedo usar la declaración s. Después si especificas la otra. Y usando llaves cur. Y dentro de esto, debería especificar el bloque de código que quiero ejecutar cuando la condición sea falsa. Copo esto y, por ejemplo, el mensaje, algo así, y veo el resultado en En el navegador. Tengo esto en el navegador ahora. Como ve, se ejecuta la parte s de esta declaración I L. Déjame comentar por aquí. Algo así por aquí y por aquí. La condición es verdadera en esto También puede verificar más de una condición usando la declaración I L. Por ejemplo, permítanme decir si el número uno mayor que 20, este pock de código debe Yo número uno es menor que diez, este pock de código debe R. Podemos agregar si L declaración tanto como unidad, por ejemplo, permítame copiar este segundo y enfrentarlo aquí Por ejemplo menos diez. Y permítanme también formatear el documento aquí. Como ves ahora es mejor. Entonces si esta condición es cierta, este pg cod derecho. Pero si esta condición no es cierta de lo contrario, se comprobará por otra condición aquí. Y si esta condición es cierta aquí, este bloque de código escribirá. Y si no es cierto, comprueba si hay otra condición. Podemos agregar tanto como expresión LTF que necesite. Y al final, puedes tener expresión S, y no puedes tenerla. Es opcional, y depende del programa que estés escribiendo. Permítanme agregar el consentimiento que para cada parte. Agrego costo así para cada parte y veo el resultado en el navegador. Ninguna condición es cierta porque ninguna de esta condición es cierta. Y yo cambio, por ejemplo, una de las condiciones como esta, menor o igual a. Tengo este número uno es menos de diez. Puedo modificar el mensaje también para aquí. En declaraciones condicionales, puede tener más de una condición para comparar juntos y ejecutar una salida de bloque basada en los resultados de estas condiciones. Podemos hacer esto usando operadores lógicos como hablamos de ellos en el video anterior. Por ejemplo, aquí, dije, si el número uno, es mayor que uno, y el número uno es menor que 20. Muéstrame consola algo así y di y ve el resultado en el navegador. Como ven, tengo aquí este mensaje porque el número uno es diez, y este valor es 1-20 También puedo usar otros operadores aquí. Por ejemplo, permítame Copiar esta línea y pegarla aquí, y también formatear el documento para ver que es mejor. En lugar de esto, quiero usar no así. Si el número uno es mayor que uno, y el número uno es menor que 20, el resultado para esto es verdadero. Pero como me falta no aquí, el resultado final para esta expresión es falso, y este código no se equivoque. En una parte para mostrar otro mensaje, algo así. Como ve, tengo esto en el navegador. Porque aquí niego la condición. Cambio el valor para esta condición de verdadero a falso, usando no operador. Puede tener una combinación de diferentes sentencias condicionales usando operador lógico en sus expresiones Is. Además de si else, tenemos un operador terminario o condicional en Java script dos Por ejemplo, permítanme definir el número dos y establecer el valor para el número dos de esta manera usando una expresión condicional. Por ejemplo, si el número uno es mayor que diez, el valor para el número dos debe ser cinco a menos que el valor para el número dos sea menos uno. Mire con cuidado aquí. Tengo una condición. Tengo una declaración comparativa aquí. Y usando el signo de interrogación aquí, puedo establecer el valor para el número dos si esta condición esta declaración de comparación es verdadera. Y usando aquí el signo de dos puntos, puedo establecer el valor para este número dos, si esta afirmación de comparación es. Y vamos a mostrar el resultado para el número dos en abogado, esta esta afirmación. Y a ver lo que tenemos para el número dos, guardar y C. El número dos es menos uno. Y? Porque el valor para número uno no es mayor que diez. Entonces porque esta condición es falsa. Esta parte de este operador ternario se ejecutará y será considerada como el valor para el número diez También puedes usar expresión ternaria como esta dos, si quieres mostrar, por ejemplo, un mensaje basado en el valor para una comparación de diez, por ejemplo consola que te gusta aquí Y déjame copiar estos dos y pasarlo aquí y no más de diez. Y formar este documento para ver una mejor apariencia de este operador ternario, te recomiendo usarlo así Puede leer mejor esta declaración. Si el número uno es mayor que diez, este mensaje se mostrará a menos que se muestre este mensaje . Recuerda, no debes usar sem columna después de esta declaración aquí, porque esta declaración continuó hasta aquí, y después de esto, deberías establecer el semicln, y guardar, tengo este mensaje en el navegador Si cambio por ejemplo, esto a mayor e igual, tengo este mensaje. No. También puede haber empañado operador ternario en script java Por ejemplo, déjame copiar esto y pegarlo aquí, y aquí después de esta columna, puedes tener otro operador ternario para, por ejemplo, número uno es igual a diez, así que tengo que agregar un mensaje para esto nuevamente Entonces agregué mensaje. Para esta parte de la expresión de comparación aquí, si el valor para esto es verdadero, se mostrará este mensaje, y si no lo es, este mensaje se mostrará en el navegador. Y vamos a guardar y ver. Como ve, tengo esto en el navegador. Podemos agregar tanto como operador ternario en Job script como necesites Pero no se olvide. El punto y coma debe estar en la última parte de los operadores ternarios. Otro punto para el operador ternario es que puedes usar una combinación de sentencia de comparación usando operadores lógicos aquí en lo que digamos para IL, puedes tener para esto aquí, pero no puedes tener un bloque de código aquí Los operadores ternarios suelen usar para establecer un valor para una variable usando una condición como esta que tenemos para aquí Gracias por mirar, nos vemos en la próxima. 29. Día 6: declaración condicional: interruptor: parte 1: Hola a todos, y bienvenidos de nuevo. En el do anterior, comienzas a hablar de sentencia condition en Java Script. Hablamos de, L C, y también operador de condición ternaria En esto así, vamos a hablar de sabia declaración. Mezcla de declaración Sage, puede especificar muchas condiciones. De código a ejecutar. Veamos cómo podemos usar switch. Bien, para mostrar el uso de switch, creo file code switch y me relacioné con un script file switch Js. Y también agrego la referencia al archivo SC aquí y Por ahora, no tengo nada en mi script Java f. aquí, supongamos que quiero mostrar el nombre de los meses actuales. Entonces necesito obtener fecha en el script Java. Para obtener la fecha en el script Java, para obtener la fecha actual en el script Java, tenemos un objeto llamado date. Así que permítanme definir la fecha actual como objeto de fecha para definir la fecha actual, como objeto de fecha, utilizo nueva palabra clave y el nombre de la fecha del objeto. No menciono nada dentro de estos paréntesis. Solo quiero acceder a la fecha actual. Escribo así. Quiero acceder a la matemática actual o definir otra variable llamada mat como fecha actual. Para obtener el número matemático actual a partir de la fecha, tenemos un método en el objeto de fecha en el script Java llamado get Mt. Y yo llamo a esta puerta M. Déjame mostrar el mes y la fecha actual en Lg usando Csle, esa fecha actual, y para aquí Vamos a guardar y ver Esto es lo que tengo en el navegador para fecha y la matemática actual. Quiero mostrar el nombre del mes en lugar del número del mes. Tenga cuidado de que aquí el número de mes para obtener método mes en el objeto de fecha en script es start 0-11 Por ejemplo, si quiero mostrar el nombre del mes, En jo scap, puedo usar dos semanas Usando condición de declaración, por supuesto, puedo usar si el o puedo usar switch. Entonces puedo escribir si mes es igual a cero. Significa el primer mes. Así que muéstrame consola, el nombre del mes y enero. Si mes es igual a uno. El nombre del mes sería febrero. Y agregaré otros LI para otros meses también. Bien, agrego la otra declaración LSI para comparar meses y mostrar el nombre del mes correcto Como ve aquí, tengo mucho LCI aquí que está comparando meses con un número Y con base en la comparación , quiere mostrar el nombre del mes. Al final, solo tengo un para Si el número del mes es correcto mostrar algo como esto. Digamos y veamos el navegador. Como ve, tengo el nombre del mes ahora aquí. Cuando se quiere hacer diferentes acciones en función de diferentes condiciones. En el script Jo, en lugar de if y la instrucción S, puede usar la sentencia switch. Pero recuerda, la condición, lo que estás comparando en la expresión aquí debe ser la misma para toda la declaración if y LCF Por aquí, estoy comparando mes con un número. En lugar de usar la declaración if y SF aquí, puedo usar dicha declaración. Entonces aquí, escribiré a Sch para escribir la declaración de Sch. Dentro de estos paréntesis, necesito una expresión. Necesito, por ejemplo aquí, M o puede ser cualquier otra expresión para Pero recuerda, cuando uses switch, el valor de expresión aquí será evaluado antes de que llegue a los bloques de switch. Entonces necesito llaves rizadas. Dentro de las llaves, debes definir diferentes casos que quieras hacer acción para cada uno de Según lo que tenemos para polilla con E y LC, diferentes casos para aquí es el caso 0211 Entonces, para definir cada caso, necesito el teclado de la caja y el valor para el caso. Y luego el coln después de esto, debería definir el bloque de código que quiero que se ejecute si este caso coincide. Entonces aquí, por ejemplo, muestro No enero. ¿Recuerdas, uso una sola cita aquí para mostrar la cadena? En Joa script, podemos usar comillas dobles o comillas simples para mostrar un valor de cadena Y si quieres salir del comunicado demandado. Después de que este caso sea cierto, necesitas el teclado brick. El teclado de ladrillo se rompe del bloque de interruptores. Entonces cuando este código se ejecuta y llega aquí a esta declaración break, sale de la declaración sucia y viene aquí justo después del bloque del switch. Sea lo que sea. De todas formas. Para definir los otros casos, también necesitas el teclado de la caja. Por ejemplo, aquí caso. Un espectáculo febrero y el b y ladrillo. También agrego para los otros casos también. Bien, agregué los otros casos para este s cada uno de aquí. Como ve, el caso 345-67-8910 y 11. Y para cada uno de ellos, tengo consejo de que diferentes acciones porque quiero mostrar diferente nombre de boca aquí y una declaración de descanso. Para switch, también tenemos un caso por defecto. Usando caso por defecto, si ninguno de los otros casos es verdadero, se ejecutará la parte por defecto. Entonces aquí puedo agregar parte por defecto como esta con abogado que no default. Podemos agregar ladrillo para esta parte aquí o no. Pero recomiendo usar ladrillo aquí también. Y eso es todo por la declaración de Sage. Agreguemos un Csle que le guste aquí también. Así. También por aquí como esto guardar y C. Si utilizo si mas, tengo junio en resultado. Si uso Sage, tengo junio en resultado. Para, pero mira con atención aquí, usando II declaración. Tienes mucho trabajo por hacer, pero usando interruptores. Pero cuando usas suici statement, para estas situaciones, tu código será más legible y sencillo Entonces, cuando quieras usar. Declaración Siti, necesitas una expresión con el valor. El valor podría ser número, podría ser cadena, podría ser verdadero o falso. Podría ser cualquier tipo de datos. Y dentro, la sentencia switch, debes definir diferentes casos en los que quieras hacer acciones para cada uno de los datos. Y para cada caso, debes definir una boleta de código que quieras que se ejecute si ese caso es cierto. Y si quieres esa afirmación, se detiene después de que un caso sea cierto. Debe usar la sentencia break o teclado break después de ese caso. Y si se quiere establecer una situación por defecto, un bloque de código predeterminado que debe estar mal si no coinciden casos, podemos usar la parte predeterminada en la sentencia switch. Sigamos en la siguiente parte. 30. Día 6: declaración condicional: interruptor: parte 2: M, todos, y volveremos. ¿Qué pasará si elimino aquí la declaración breaky? Permítanme comentar esto. Porque el nombre del mes es John Fn. Encomio aquí la declaración escurridiza y también encomio la declaración vertiente Veamos el resultado. Como ve, tengo aquí junio, julio y agosto. ¿Qué pasó? Debido a que el número de mes es cinco, se ejecutará este bloque de código. Y porque aquí no tengo ninguna declaración de rompedor, pasa al siguiente bloque de código en Sg dos. Y este código de bloqueo ejecutará dos. Y debido a que no tengo ninguna declaración de rompedor aquí otra vez, el siguiente bloque de código ejecutará dos. Pero como tengo una declaración aquí, sale del bloque de interruptores, y esta parte no va a rockear. Puede que no tengamos la misma situación para otros lenguajes de programación. Ahora supongamos que quiero mostrar el nombre de la temporada usando el número de mes en el script Java. Aquí de nuevo, tengo diferente manera de mostrar tal cosa, pero quiero usar la declaración S. I S y otra vez, meses para la expresión aquí. Y dentro de esto, tengo diferentes casos porque el número del mes es 0-11 Por lo que debo especificar los casos para estos números de mes. Y porque para cada temporada, tenemos tres meses. Debo especificar tres casos para cada temporada. Por ejemplo, permítanme mostrar el invierno como caso 11 que es diciembre. Muestro Cs invierno. Rompo una declaración aquí porque no quiero otorgar el otro bloque de código para el caso cero, otra vez, tengo invierno y otra vez, descanso, y para un caso, uno que es febrero, tengo invierno otra vez. Y déjame formatear este scument está en viejo, Shift y si al mismo tiempo en mi teclado, Y déjame agregar break aquí también. Como ve, tengo el mismo bloque de código para diferente caso en Sach aquí En lugar de definir el switch así, puedo agrupar los casos juntos. Entonces, en vez de escribir estos casos así, puedo escribirlos como este caso cero por si acaso ¿qué? Y aquí comento estos dos casos. Ya no los necesito. Añadiré otros casos para las otras temporadas también. Bien, también agrego el número del mes para otras temporadas. Y una cosa más es que no tienen el mismo caso en una de esas declaraciones. Por ejemplo, no definas el caso dos para aquí y el caso dos para aquí, por ejemplo. Veamos el resultado en el navegador. Y como ves, tenemos en temporada de verano. Un punto más sobre tal afirmación es que En estos casos aquí, la expresión utilizará una comparación estricta y cada caso es en realidad igual a esta expresión como resultado. Montura es igual a cero. Utilizo estricto igual dos para comparar esta expresión con diferentes valores y mostrar el resultado o hacer el bloque de código que se define para cada caso. Entonces, si el tipo de esta expresión es diferente al tipo que definimos aquí para cada caso, estos casos no se aplicarán, no serán coincidentes. La boca aquí es un número, así que los casos aquí también deberían ser un número. Pero si definimos estos casos aquí como cadena, el caso no coincidirá. Por ejemplo, permítanme establecer estos cinco dentro de la cadena, así, y ver el resultado en el navegador. Como ve, aquí no tengo nada. Y si defino el valor por defecto para esta edad, así, y agrego break una declaración también, y para el documento. Y ahora tengo esto en la consola en el navegador porque aquí no se asigna ningún caso a esta expresión. Pero si me quito la cita de cadena de aquí, y de nuevo, tengo verano en el navegador. Entonces, en resumen, cambie para establecer diferentes condiciones y códigos para ejecutar. Switch, seleccionaremos un bloque de código para ejecutar en base a la expresión que definimos para la sentencia switch. Si quieres ejecutar un bloque de código, cuando no hay coincidencia, puedes usar el caso predeterminado en tu sentencia switch. Puede ser al final del switch o en todas partes de la sentencia switch. Si quieres salir del sabio después de que un bloque del código esté mal, debes usar el teclado break para salir de la sentencia switch. Por supuesto, puedes agrupar el mismo bloque de código para diferentes casos. Y las cajas de cambio es estricta comparación como dije, valor debe ser del mismo tipo para que coincida. Los valores deben ser del mismo tipo. A la expresión para que coincida. Si varios casos coinciden con el caso, se ejecuta el primero. Si no se encuentran casos coincidentes, se ejecuta el caso predeterminado. Si por defecto en el código de sentencia switch después del switch, si existimos, ejecutamos. Usamos mucho enunciado condicional en nuestros programas, así que practiquelos para aprender. No. Gracias por mirar y acompañarme en la siguiente parte. 31. Día 7: para bucle: parte 1: Hola a todos, y bienvenidos de nuevo. En este do, vamos a hablar de loops en Jos grip. Si quieres ejecutar el mismo código, y otra vez con un valor diferente. Para cada vez, puedes usar loops en Jo Script. Usando bucles, podemos ejecutar un bloque fuera de código número de veces. Por otro lado, puedes usar loops para ejecutar el mismo código más de una vez con diferentes valores. A menudo podemos usar bucles para matrices. Cuando queremos trabajar con arrays, podemos usar loops. En el script Java, tenemos diferentes tipos de bucles, y cada uno de ellos tiene unas propiedades especiales y una sintaxis especial, y podemos usarlos en diferentes situaciones. Tenemos cuatro, cuatro en, cuatro, anchos, y dos d. Y puedes ver una breve descripción para cada uno de ellos aquí. Usando cuatro bucles, podemos crear un bucle con tres expresiones opcionales. Podemos ver la sintaxis para cuatro bucles aquí. Tiene tres expresiones, que todas ellas son opcionales y un código bloqueado que se debe ejecutar cuando lleguemos a este bucle. La expresión uno se ejecuta una vez antes de la ejecución del código. Entonces esta expresión se ejecuta solo una vez. La expresión dos es la condición para ejecutar el código. La expresión trip se ejecuta cada vez que se ha ejecutado el código. Al ejecutar el código llegar al final de la caída, es decir antes de estas calibraciones cercanas aquí, esta expresión puede ejecutarse Normalmente, usamos la expresión uno para definir el valor inicial para nuestro bucle, la expresión dos, para verificar el valor del parámetro inicial que definimos for loop aquí y ver si el bloque del código puede ejecutarse o no. Y el árbol de expresión es el incremento o decremento de la variable inicial que es la variable de bucle Por lo que puede funcionar hasta que la condición cumpla. Veamos cómo podemos usar para el script de Jo. Bien, creo un nombre de archivo para ThaTM aquí y un archivo de script Jova relacionado para el JS, y agrego referencia a mi archivo JavaScript aquí, y este es mi archivo JavaScript. Supongamos que queremos mostrar los números 1-10. Tenemos distintas formas de hacer esto, por ejemplo, se puede escribir consola que, número uno, luego número dos, luego número tres, hasta el número Diez. Y si te digo, muestra los números 1-1 mil 1-1 millones. Cómo quieres hacer para esto. La otra forma es usar bucles. Por ejemplo, aquí, cuatro bucles. Cuatro dentro de los cuatro paréntesis aquí, como vimos, necesitamos tres expresiones, pero todas ellas son opcionales Para que podamos omitirlos todos. Pero permítanme primero definirlos todos y luego amd cada uno y ver qué va a pasar y cómo podemos solucionar el problema. La primera expresión es la variable inicial. La variable que controlará los cuatro bucles. Por ejemplo, déjenme definir. Yo, eso es un inicio desde cero. Para la variable inicial, además, que definas la variable, también debes establecer el valor inicial. Así. La expresión to se utiliza para evaluar la condición de la variable inicial. ¿Está bien continuar por o debería ex el bucle de cuatro Por ejemplo, si quiero mostrar los números 1-10, la condición podría ser menos diez o igual a diez. Y la última expresión son los incrementos del valor de la variable inicial Entonces aquí, debo incrementar la variable que defino para mi loop i plus plus Ya sabemos del plus plus sine que es igual para dejarme agregar comentario aquí. Es igual a más y. Y entonces necesitas un bloque de código que se debe ejecutar para tu loop. Permítanme formalizar este documento. Ahora es mejor. Ahora si quiero mostrar todos estos números en la consola, puedo escribir, consola que me muestre la variable. I. Ahora veamos en el navegador. Como ve, tengo el número uno, 210 aquí en las cejas Ahora cambiemos la definición de este problema. Vamos a mostrar números impares usando cuatro. Tenemos diferentes formas de hacerlo. Entonces déjame copiar esto para, mira desde aquí y pegarlo aquí. Una forma es esa inserción de incrementar. Uno me incremento. La inicial capaz por dos. Aquí puedo escribir. Permítanme borrar todo esto. Aquí puedo escribir. Añado y asignado al número dos. Se trata de un operador de asignación de suma que ya estamos familiarizados. Déjenme entrar en el bucle superior y de mi documento. Y vea el resultado en el navegador ahora, como ve, tengo todos los números impares en consola en el navegador. En cambio, si empiezo yo en vez de uno de dos, Save y C. tengo en los números pares para uno, dos, diez. Por lo que el incremento para la variable inicial no debe ser exactamente uno Podemos saltar más de uno dentro de tu bucle. Pero permítanme agregar otro fo hacer aquí y no definir ninguna expresión. Si desea omitir alguna expresión en cuatro do, debe especificar el punto y coma al menos Aquí no se puede omitir el punto y coma. Dentro de esto, quiero escribir consola ese blog. Esto es un, algo así. Ve el navegador ahora, y como ves, tengo esto en el navegador. Este bucle es un bucle sin fin. Nunca va a terminar. Entonces tenemos que definir una condición para salir de este bucle. A menos que como veas, el contador que está ejecutando este bucle está aquí. Si quieres omitir la condición aquí, necesitas salir del bucle dentro de tu bucle en alguna parte Por ejemplo, tienes sub código aquí, Y después de todo esto, deberíamos salir del bucle. Para salir del bucle, se puede utilizar la sentencia break. Ahora digamos I C. Como veis, este mensaje apenas se está mostrando una vez. Pero no usamos loops como este, así que tenemos que verificar una condición para salir del loop. No quiero establecer la variable inicial y el incremento para su variable Dentro de las cuatro expresiones, necesitas definir la variable inicial antes de tu bucle for y aumentar o disminuir esta variable dentro del bloque de tu foop al final de la misma o en cualquier lugar que la necesites Verifica la condición final para la condición de salida dentro de tu bucle como si no especificaras ninguna de esta expresión aquí, necesitas definirlas antes o dentro de tus cuatro Así que por ejemplo, déjame definir la j aquí desde cero, por ejemplo. Y aquí quiero mostrar la variable j. Y después de mostrar esta variable, quiero incrementar esta j más más Y aquí voy a comprobar si j es mayor o igual a diez g rick four loop. Y comento esta declaración de ladrillo aquí, guardar y C. Como veis, tengo del número cero al nueve. Porque la condición aquí dice, si j es mayor o igual a diez, debería ladrillos. Podemos establecer la condición de salida, la declaración de salida, en cualquier lugar de su pliegue que lo necesite. En lugar de incrementar la variable inicial, puede decrementar la en lugar de incrementar la variable inicial, podemos disminuirla dentro de la expresión f o info Por ejemplo, permítanme definir otro bucle aquí. Y déjame sentarme a partir de las diez, y hasta que esté mayor que cero menos menos. ¿Qué debería pasar? Muestra estos números en el castillo. Formatear mi documento, guardar y C. Como veis, tengo del número diez al número uno aquí usando for loop. Un punto sobre lo que he hecho aquí. Como ve, declaré la variable I aquí para este bucle. Y nuevamente, declaré una variable I aquí. Y Java script no me dio un error por esto. Como dije, usando lead cuando defines una variable, no puedes volver a clare Y en realidad aquí, no redeclare nuestra variable porque cualquier cosa que definas dentro de la expresión de bucle for, cualquier cosa que definas aquí, por ejemplo, esto yo aquí, Solo se conocerá dentro de este bucle for No puedo acceder a esto yo fuera de esto. Por ejemplo, permítanme copiar esta línea y pegarla aquí y ver el navegador. Como ve, aquí tengo un error. Yo no está definido. Y dónde está el problema aquí mismo. ¿Por qué? Porque el I se define dentro de la expresión de bucle for, no antes ni después de ella. Pero aquí estoy definiendo la j fuera de este bucle for, y puedo acceder a esta j fuera del foo dos Nuevamente, si quiero usar j como en esto como la variable inicial. Para esto arriba, puedo usarlo. Pero esto si defino esto como j, este j es diferente de esto. Esto es local a esto for loop y esto es global. Esto se debe al alcance de las variables. Déjame deshacer esto. Sigamos en la siguiente parte. 32. Día 7: para bucle: parte 2: Todos y volveremos. También puedes haber anidado para bucles en tu abrigo javascrip o bucles anidados en tu abrigo bucles anidados Por ejemplo, déjame mostrarte algo como esto. Cuatro, deja que yo de uno hasta que sea diez o igual a diez incremento. Por uno. Dentro de esto, defino otro para y divido j de uno hasta que j sea menos diez o igual a diez, y j incremento por uno Y mostrar a la consola la multiplicación de este I y J, y vamos a guardar y ver el resultado en el navegador Y antes de esto, permítanme formar este documento. Se me olvidó venir déjame entrar en esta línea para no tener un error. Y como veis, tengo la multiplicación de I y J juntos Aquí tengo la tabla de multiplicar. Entonces, usando neeset loops, puedes tener algo como esto en tu código de script Java Déjame mostrarte este producto que estamos exhibiendo usando dos nidos fuerza juntos mejor. Aquí, dentro de los cuatro primeros, puedo definir una variable. Quiero mostrar el resultado como una tabla en consola en el navegador. Aquí, defino una variable, por ejemplo, fila y la hago una cadena vacía. Aquí, dentro de los segundos cuatro, en lugar de disipar el resultado en la consola, agrego el lugar de resultados a la fila Utilizo asignación de adición de fila a lo que i multiplicación j más espacio dentro de la comilla doble Después del segundo bucle cuidadosamente, este es el final de este bucle for aquí. Entonces después de esto, voy a mostrar el resultado usando el punto de consola. Otra pista para usar VSCode para mostrar la consola. En Joscp es que solo escribes log y eliges el segundo log que le está diciendo al Csle Como ven aquí, y cuando presiono inter aquí, me trae la función de registro de punto cónsul Y aquí muestro fila. Digamos y veamos. Como ves, tengo mi etiqueta de producto así en el navegador. ¿Qué es lo que realmente pasó aquí? Primero, el bucle externo comenzará con el valor, ¿de qué? Cuando soy uno, el segundo bucle va desde uno, dos, diez. Cuando el valor para I es uno, el segundo, el bucle interno va a correr de uno, dos , diez, uno, cuando esté terminado, la fila se mostrará en el cos. Cuando termine, me van a sumar por uno, y ahora tengo dos, entonces estos cuatro correrán. Diez veces usando I dos, y J cambiará cada vez que este flop construya. Se pudre. Y cada vez dentro de la habitación exterior, esta variable se definirá y está vacía. Entonces aquí podemos ver que no tengo el valor que es para el robo anterior. Además de ladrillo que puede salir de los bucles. En ovscap, también tenemos continuo. ¿Cuál es la diferencia entre la declaración continuum y break en bucles Es que el ladrillo sale del bucle, pero los continúan van al principio, pero el continuum, volveremos al inicio del bucle Por ejemplo, si aquí digo si igual a cinco continúo en el triste de hacer estos cuatro. A ver qué pasó. Cuando el yo sea cinco, Continuar. No quiero mostrar el resultado de multiplicación de cinco a ningún otro número 1-10 en la consola Como ve aquí, tengo la fila uno, dos, tres, cuatro, pero aquí no tengo la fila cinco. Además, si agrego esta línea a aquí, copia esta línea y p aquí, y voltea esto a j. Quiero continuar desde el principio, cuando llegue a la J cinco, digamos C. Como veis, no tengo el resultado para la columna cinco, fila cinco aquí y columna cinco. En vez de continuar, si digo ladrillo y también por aquí, vengo esto y digo rick C, solo tengo esto en el navegador. No tengo para el número cinco, y después de él, esta tabla de multiplicar ¿Qué está pasando realmente aquí? Cuando sea uno, todo el bloque del abrigo aquí correrá, y luego me vuelvo a dos. Entonces nuevamente, todo este bloque de abrigo correrá. Hasta las cinco. Cuando llego a los cinco, este descanso, significa salida de este cuatro. Cada declaración de ladrillo volverá al bucle más nerest, y también aquí Cuando J es de ladrillo de cinco ladrillos de qué bucle, este bucle, porque este es el bucle más cercano a esta declaración de ladrillo. Déjame mostrarte otro ejemplo de uso de for Por ejemplo, si quieres calcular el factorial de un número, significa el producto de un entero y todos los enteros debajo Por ejemplo, permítanme agregar en comentario aquí. Si tienes el número tres, y tres factoriales es igual a tres Multiplicar dos, multiplicar uno, es decir, igual a seis. Y déjame definir mi número aquí. Por ejemplo, cuatro, o déjeme decirlo como tres, y podemos cambiarlo a cuatro como cero. Puedo hacer fábrica usando cuatro bucles. Cuatro, vamos a empezar desde uno hasta i menor o igual a un número. Yo plus plus, y porque necesito el resultado al final, debo definir otro valioso para almacenar el resultado. Establecer el resultado como uno. Y aquí, el resultado debe ser asignación multiplicada. Al final, voy a demostrar que algo así como este número más bacterias. Es resultado. Dar formato a mi documento. Quiero com en este nido que se ve desde aquí. Veamos el resultado en el navegador ahora para esto como ves, tres factoriales son seis Si cambio este número, por ejemplo dos, por ejemplo diez, tengo diez bacterianos como este. Como veis, al cambiar el valor de esta variable numérica, los tiempos en que estas cuatro corridas van a cambiar. Si dije, por ejemplo, menos cinco, ya ves, ¿el resultado es por qué el resultado es uno? Porque esta condición nunca cumple. Nunca me queda menos de menos cinco, porque el yo parte de uno. Entonces tu po puede que no sea nunca ejecutada. Gracias por mirar. Nos vemos en el siguiente 33. Día 7: mientras y hacemos...while en JavaScript: Hola a todos, y bienvenidos de nuevo. En el video anterior, hablamos de loops y for loop in ova scrip En este video, vamos a hablar y loops en ova scrip Los bucles Y pueden ejecutar un bloque de código siempre que la condición sea verdadera. Para bucle y, se necesita una condición. Podemos ver la sintasa para bucle ancho y bucle duvide aquí. Necesitamos una condición. Siempre y cuando esta condición sea cierta, este código que se encuentra entre las llaves en surcos También aquí, necesitamos una condición aquí, y mientras esta condición sea cierta, esta cote w t. Pero, ¿cuál es la diferencia entre el bucle ancho y el dubide Veamos esta diferencia en la acción. Tengo un archivo let aquí y relacionado con mientras S. Dentro de esto, quiero definir loop ancho. Como dije, para i loop, necesitamos una condición. Podemos escribir la condición así o elegir esta y presionar inter. Como veis, necesitamos una condición aquí para bucle. Tengo que definir la condición. Por ejemplo, diez, menos de 20. Esta condición siempre es cierta. Y si corres así, este es un ancho sin fin, y tienes que salir de tu ancho azul usando declaración break en algún lugar dentro de tu código ancho. Déjame hacerlo mejor. Defino una variable co contador, por ejemplo, como uno con el valor inicial con el valor inicial. Y aquí, dije que el mostrador blanco es menos de diez. Mostrar el valor del contador en la cerradura. Contador. Cuando quiero usar loop ancho. Necesito hacer la condición aquí fs. Como ve, el contador es uno, y esta condición es cierta. Y mientras esta condición sea cierta, el bucle se pudrirá. Entonces, si quiero que esta condición sea falsa, necesito hacer cambios en el valor del contador. Por ejemplo, por ejemplo, aumentar el valor del contador. Digamos. Como ve, tengo el número uno, dos, nueve en la consola. Porque empiezo el loop desde uno y cuento 210. Pero cuando el contador es diez, porque diez no es menos de diez, saldrá del bucle de aquí. Déjame definir otro bucle usando uno. Dejemos el contador dos como uno, y dije dos, elijo Dubil y presiono inter Para dbd necesito un contador de condiciones dos es menor que diez. Quiero copiar estas dos líneas de códigos aquí y pegarla aquí y ver el resultado en el navegador. También quiero agregar un comentario para aquí. Hacer amplio, y también por aquí y. y ver el resultado. No puedo ver el resultado para dvd, pero vamos a ver y. aquí, estoy usando el contador dos como en, y aquí estoy comprobando el estado para contador dos y llegó a la tienda. Pero dentro del, no aumenté el valor del contador dos, y no mostré el valor del contador dos. Entonces porque esta condición, nunca nos hacemos falsos Estos dos anchos es un bucle sin fin. Entonces debería arreglar aquí y aquí y ver el navegador. Cuando hay un bucle sin fin dentro de tu script java, es posible que el navegador no responda a tu acción, por lo que debes cerrar el navegador y abrirlo de nuevo. Bien. Ahora el problema está por fax y tengo 129 para acá arriba, y uno, 29 para du ancho aquí Pero, ¿cuál es la diferencia entre wide y du wide aquí? Estoy teniendo el mismo resultado para ambos. Permítanme cambiar el valor del contador como diez para ancho, y aquí para el contador dos, un diez para el vencimiento. Digamos que veo el resultado. Como veis, para i loop, no tengo nada en la consola. Pero para dvd, tengo diez. ¿Por qué? Porque el código que definimos para dvd se ejecuta al menos una vez. ¿Por qué? Debido a que el estado se comprueba después de la du wide body, el dvd bloque de código. Pero para i, se comprueba el estado. Primero, y debido a que el contador no es menor a diez, este código no se ejecutará. Aquí, el contador dos es diez, y estas dos líneas de código se ejecutarán para luego verificar la condición. Y debido a que la condición es falsa, este código no volverá a ejecutarse. Un punto más sobre y loop es que si se omite la expresión uno y la expresión tres, para cuatro bucles, podemos considerarla como ancha Por ejemplo, déjenme definir. Yo como uno y defino cuatro bucle así. No necesito la expresión. Semi, pero aquí defino la condición yo menos de diez, y no defino el incremento dentro de la declaración de cuatro Pero muestro el yo en el caso y tengo el incremento I dentro del bucle Este bucle de cuatro es el mismo que el i op. Si defino el bucle y así. El j como uno, y, j es menor que diez. J y j más seis. Este bucle de cuatro, y este yo son iguales entre sí. Gracias por mirar. Nos vemos en la siguiente. 34. Día 7: para... dentro y para... de bucles: Hola a todos, y volveremos. En este do, vamos a hablar de cuatro en y cuatro bucles en JavaScript. Usando cuatro en, podemos recorrer las propiedades de los objetos y los elementos de las matrices o los elementos de las matrices. Podemos ver la sintaxis cuatro aquí. La clave aquí define una propiedad en el objeto o un elemento dentro de la matriz. Usando cuatro de, podemos bucles con el valor de un objeto inter. Iterut objeto puede ser matrices o puede ser trucos. Puedes ver la sintaxis para cuatro de aquí. Por cada variable de un objeto iterable, debe hacer un bloque de código. A ver. Cuál es la diferencia entre cuatro en y cuatro y cómo podemos usarlos en el script de ova. Para mostrar cuatro en y cuatro de, tengo un cuatro en cuatro del archivo GS aquí y el archivo SL relacionado cuatro en cuatro de, y también una relación entre sí. Aquí, para mostrar el uso de cuatro en. Lo, quiero definir un objeto. Déjame definir mi objeto, por ejemplo. Usuario con algunas propiedades, por ejemplo, nombre como algo así, ese nombre, algo así, H 25, y color favorito, por ejemplo, como rojo. Primero, quiero usar f necesito definir una variable para key o cada propiedad en mi objeto? ¿Dónde está esta clave en mi objeto? ¿Cuál es el nombre del objeto? Usuario. Aquí, puedo mostrar el valor de cada propiedad Cs do like using Csle do key Veamos qué tenemos. Guarda en el navegador. Como ve, tengo el nombre de las propiedades en realidad aquí, no el valor que defino para cada propiedad. ¿Cómo puedo acceder al valor de cada propiedad usando cuatro du solo el comentario esta diapositiva. Aquí digo usuario y dentro del corchete, debería definir la propiedad que es clave aquí. Puedo usar o acceder a todas las propiedades de mi objeto usando cuatro en bucle. Así y usando esta afirmación. Ver el navegador. Ahora tengo el valor para cada propiedad aquí. Si quiero mostrar el nombre de la propiedad y el valor así que tengo aquí en tránsito, puedo puedo escribir así. Duplico esta luz, viniendo, y aquí, digo clave más dos puntos en una cadena y en un espacio antes y después de ella y guarda en el navegador. Ahora tengo algo así en el navegador. ¿Y si tengo una matriz? Permítanme definir una matriz de números como este, y quiero usar cuatro adentro para mostrar cada elemento dentro de mi matriz. Yo uso cuatro. Déjeme entrar números y mostrar el yo en consola. Nuevamente, lo que tengo en la consola es cero, dos, tres. Ese es el índice de cada elemento de la matriz. Entonces, si quiero acceder al valor de cada ítem en la matriz, debería definir el registro así, duplicar esta línea, y debería decir números. Y dentro del corchete que uso, ese es el índice de cada ítem dentro de la matriz. Esta línea y pecar el navegador. Ahora tengo los elementos dentro de la matriz en el Csde. Ahora bien, si quiero mostrar el ítem y el índice de cada ítem en la consola, debería escribir así replicar esto Yo, algo así en la cadena y agrego a los números I y com esto guardar y pecar el navegador. Ahora tengo el índice y el ítem dentro del índice de la R. Para objeto, uso clave, el nombre de la clave depende de ti. Y puedes ver este nombre como quieras. Es un nombre de variable que puedes usar esta variable dentro de este bucle. Para el objeto que usa k, puedo acceder a cada propiedad, y para las matrices, puedo acceder a cada em dentro de la matriz. ¿Qué pasa con cuatro de bucle? Déjenme definir cuatro. Yo defino aquí. Y conjunto de nombre de mis matrices. Como dije, se pueden usar cuatro de cuatro objetos it, es variables que pueden ser arrays o cadenas. Aquí, dentro de esto, miento el valor de I en la consola, y veo el resultado en el navegador. Como ves usando cuatro puedo acceder al valor de cada ítem dentro de la a directamente. No necesito usar la variable que defino dentro de cuatro como índice de los ítems. Mira aquí, la variable es el índice de los ítems dentro del anuncio. Y aquí, el I es el ítem en sí. Permítanme cambiar el nombre de este elemento que es mucho más obvio para cambiar el nombre de una variable dentro del código scape. En el código VS, puede presionar F dos y escribir el nuevo nombre y presionar pasante Y como veis, esto me vuelvo dos artículos. Guardar y C. Tengo esto en el navegador. Y déjenme definir un mensaje de const de tren, por ejemplo, si dije hola como valor para este mensaje, y luego uso o C de mensaje El nombre del auto, depende de ti. Podemos establecer el nombre, lo que quieras y mostrar el valor de la atención en la consola. Ahora, lo que tengo, t decir y ver, tengo cada carácter dentro de mi cadena en la consola en el navegador. Como ve, tengo dos L aquí. Por lo que se muestra así en la consola del navegador. Usando cuatro para las variables de cadena, podemos acceder a cada carácter dentro de la cadena. Otro punto aquí es que como dije, para s, tenemos un método de cuatro e y mapa que puede hacer lo mismo que nosotros aquí. Si no lo recuerdas, por favor volvamos a esos videos. Gracias por mirar. Nos vemos en la siguiente.