JavaScript Everything Arrays

1. 1 introducción al curso de Arrays: en este curso, vamos a estar buscando tipos de datos y cómo utilizar varios tipos de datos dentro de JavaScript que JavaScript, la piedra angular de JavaScript son los diferentes tipos de datos. Y entender cómo usar los tipos de datos es realmente importante. Su nombre es Lawrence, y llevo más de 15 años desarrolladora Web, y voy a estar compartiendo mis conocimientos con ustedes. Dentro de este curso, vamos a empezar el curso mirando los diferentes tipos de datos, los tipos de datos predeterminados, los tipos datos de uso principal como números de cadenas y valores booleanos. Y luego vamos a estar buscando diferentes formas de almacenar valores y qué evitar cuando estás creando variables. Y también vamos a ver un aumento ahora un aumento, proporcionar alguna funcionalidad increíble, maravillosa que realmente puedes utilizar dentro de tu JavaScript. Entonces vamos a ver cómo funciona el dedo del pie con los rayos y funciones de uso común que están disponibles para acelerar realmente lo que se puede hacer con los rayos. Vamos a ver formas de sumarse a un aumento, por supuesto, montar un aumento, empujar valores, ordenar un aumento y mucho más. Hemos diseñado este curso con el fin de cubrir completamente JavaScript un raise para que ayudes. Será mejor que entiendas y aprendas a usar JavaScript un raise dentro de tu codificación. Vamos a estar usando nuestros corchetes como editor. También va a estar usando chrome como lo es nuestro navegador. Crume realmente tiene muy buenas herramientas de profundidad. Por lo que esto viene ya pre cargado dentro de cada versión de chrome. Y esta es la consola. Entonces vamos a estar usando un out poniendo nuestro contenido dentro de la consola. Por lo que eso es visible. Para poder entender lo que está pasando con nuestro JavaScript. Esto es sólo una muestra de lo que vamos a estar viendo cuando empecemos a trabajar dentro del código fuente. Entonces cuando estés listo, empecemos a trabajar con los rayos y a mostrar hacer con un aumento en javascript. 2. 2 tipos de datos de Variables en JavaScript: en la lección anterior, te presentamos variables y lo útil que era que pudiéramos contener algún conjunto de información y volver a llamarla y usarla dentro de nuestro JavaScript. Por lo que de nuevo, este es uno de esos bloques fundamentales de javascript y entender cómo crear y usar variables de manera efectiva realmente te ayudará a acelerar tu JavaScript. La experiencia de aprendizaje es esencialmente que hay tres tipos principales de variables. Tenemos cuerdas, números y booleanos. Entonces, ¿vas a repasar qué? Las diferencias son entre esas. Por lo que al abrir nuestro código fuente, vemos que hemos estado usando variables antes dentro de nuestro código fuente. Y lo que hicimos aquí es que pusimos este v A son teníamos un nombre para la variable y teníamos este signo igual. Entonces este es un operador de asignación, y esencialmente, esto es establecer mi nombre igual a lo que sea otro lado. Pero al igual que una fórmula matemática, donde tienes un igual, lo que b es igual a lo que sea y tener ese signo igual los hace equivalentes. Y así es como establecemos las variables. Y también notamos que teníamos que iniciarlo y definir la variable antes de poder usarla. Entonces si la variable no se definió en ningún momento dentro de nuestro script, entonces no pudimos realmente tener acceso a ella s Entonces ahí es donde usamos ese v a r y dentro de la pluma de código. Destacaron como personajes azules. Entonces tenemos a través de nuestro mi nombre igual y luego lo dejamos en blanco. Por lo que cualquier contenido entre esas comillas dobles sería esa variable predeterminada. Entonces si pongo algo como predeterminado o algo así ahí dentro y si vuelvo a salir a mi código fuente y si vuelvo a hacerlo, siempre llegamos a recordar que sí necesitamos actualizarlo. Entonces si hago clic en esto, vemos que obtenemos cualquier valor que se haya asignado a esa variable. Siempre que hacemos clic y recordamos de nuevo por aquí, cuando hacemos clic en el botón tres, obtenemos esa salida que salida de registro de consola, porque queremos asegurarnos de que somos contenidos de mi nombre en realidad no contienen valor. Ahora hay algunas cosas que recordar cuando estás amortizando tus variables que para las mejores prácticas deberían comenzar con la letra. También puedes comenzar con un entender con un subrayado que debió haber estado por aquí. También podrías iniciarlos con el signo del dólar. Por lo que esto se usa comúnmente cuando usas J Query, vas a ver los signos del dólar bastante utilizados con bastante frecuencia. Y hay unos cuantos personajes con los que no se puede empezar. Entonces, claro que no puedes iniciarlos con ningún número. Eso lo vemos de inmediato. Se va verde porque no se interpreta como la variable Aunque podemos colocar números en cualquier lugar después de ese carácter firmas. Entonces la parte más importante es lo que sea ese primer personaje, Y esos airean las tres formas diferentes en que puedes comenzar tu primer personaje de tu variable. Y luego después de eso, por supuesto, puedes usar números también dentro de tu nombre de variable. Y generalmente vemos que estamos escribiendo variables como caso Camel. Entonces todo lo que eso significa es que comenzamos con una minúscula para la primera palabra y luego una mayúscula para las palabras posteriores. Entonces tenemos este s o hay convenciones de nomenclatura también. Por lo que típicamente quieres hacerlos. Quieres nombrar a tus variables algo que realmente sólo tiene sentido. Y porque esto en realidad estaba conteniendo la información del nombre del prompt. Por eso lo llamamos mi nombre. Y vemos que la superior. Entonces empezamos con una minúscula porque esencialmente, se trata de dos palabras. Entonces mi y luego el nombre de mayúsculas porque esa es la segunda palabra. Entonces no incluimos el espaciado porque eso otra vez, eso echará fuera el JavaScript s. Entonces eso es un no no con en tu JavaScript Y realmente podemos ser algo sencillo. Al igual, podríamos empezar con una A o algo así. Por lo que podríamos igual de fácilmente variable creativa con una o cualquier combinación de palabras, letras, números. Siempre y cuando no empecemos el número, empecemos con un número. Entonces, esencialmente, el nombre de la variable puede ser cualquier cosa que quieras, siempre y cuando realmente solo, uh, práctica común. Buena práctica es dedo del pie Tenerlo contenido. Significa s para que cuando sí tienes un montón de variables, tal vez sólo tengas un montón de A's. B ve un montón de cartas que realmente no tienen mucho sentido. Por lo que sí quieres asegurarte de que sí contiene algún significado en él También puedes hacer las variables con comillas simples o comillas dobles. Así que podría igual de fácilmente sólo, uh, simple cita esto también. Y funcionará de la misma manera. A ver que los esos sólo se estaban agregando entre paréntesis. Tenemos también la opción de si tenemos una sola cotización. Pero también queremos tener, como, como, tal vez apóstrofo s o algo así. Vemos que lo que pasa es que en realidad se rompe de la cotización, así que no queremos que eso suceda. Eso debilita la tira trasera que al igual que lo hicimos con el nuevo salto de línea donde hacemos esta rebanada de caja y eso nos da la capacidad de incluir una cotización dentro de un objeto citado porque generalmente tan pronto como se coloca esa cita, se rompe eso valor hasta en dos valores separados. Entonces este es un ejemplo de una variable de cadena. Además, si queremos establecer una serie de variables, me voy a poner esto como número y tal vez simplemente recoger cualquier número de la parte superior de mi cabeza . Entonces para uno de mis números favoritos, y así es como establecemos una variable numérica, y también tenemos lo que se llama boo lean, y la forma en que el trabajo de Julian esencialmente los piensa como un interruptor para que puedan volverse encendido o apagado para que puedan ser falsas o pueden ser verdaderas, por lo que solo contienen dos valores que no puedes predefinir como números o nada en ellos. Entonces, o bien es cierto o falso. Y el valor de miles de millones es que muchas veces dentro de JavaScript, sobre todo cuando estamos revisando las condiciones para ver si se cumplen las condiciones, entonces simplemente tenemos que ver si es cierto o falso, y eso actúa como un interruptor dentro de la condición. Y nos permite Teoh continuar y aplicar piezas de lógica y terror. JavaScript. Entonces son muy funcionales, aunque tal vez inicialmente, que quizá te estés preguntando, Bueno, ¿cuál es el punto del booleano? Porque realmente no puedo definir qué va a contener, pero son muy funcionales y se usan comúnmente dentro de JavaScript. Además, cuando estás haciendo declaraciones, podemos declarar múltiples variables. Entonces si quería declarar un quiero declarar así tal vez un como igual a mucho a claro ser es igual a ser, por supuesto, y así sucesivamente. Todo lo que tenemos que hacer es separar por comas, y podemos tener múltiples valores y separados por comas. Y esto en realidad automáticamente nos permitirá declarar un B C sin tener que escribir a través nuestras llantas múltiples. Sólo volvamos a nuestro código fuente. Refresca y tal vez podamos consola cerrar sesión algunos de esos valores que hemos creado. Entonces voy a consola, cerrar sesión A Vemos que a tiene un valor de a Por supuesto, también hay, y este indefinido es sólo ese valor devuelto. Entonces esto es algo que el cónsul está incluyendo. Entonces no te preocupes, que probablemente te estés preguntando qué significa eso? Eso eso eso no es nada de lo que preocuparse ahora mismo porque en realidad no estamos definiendo y devolviendo nada valor dentro de su Sólo estamos pidiendo la salida del dedo del pie cónsul, el valor de a y esto es justo lo que el cónsul está regresando porque no estamos definiendo nada más allá de la A. Por supuesto, también estaba el mi booleano, y podemos ver que tenemos un valor de verdad para ellos. Mi booleano. Es así como estableces las variables y estos son los bloques fundamentales de construcción del javascript, así que conoce a uno llega a entender las variables. Bueno, porque vas a estar usándolos. No importa qué javascript estés escribiendo, vas a estar usando variables y no son muy complicadas. Y es realmente fácil y flexible lo que puedes hacer y cómo puedes configurar variables. Por lo que la siguiente lección vamos a ver trabajar con variables, diferentes tipos de variables, presentarte a un aumento y permitiéndonos almacenar múltiples valores dentro de una sola variable. Por lo que vamos a ampliar en estas tres variables básicas y mostrarte algunos tipos adicionales de unidades de almacenamiento dentro de JavaScript, por lo que viene en la siguiente lección. 3. 4 JavaScript Cómo funcionan los matrices: la lección anterior. Miramos el almacenamiento de valores como variables. Por lo que miramos diferentes formas de nombrar convenciones y cómo algunos de los tipos de valores más comunes que podemos almacenar en variables. Y además hay algunas otras formas de almacenar valores dentro de tu JavaScript. Y uno de ellos va a ser un aumento, y otros van a ser objetos ahora levantan te dan un montón de funcionalidad que viene pre construida dentro de las matrices, que vamos a estar viendo en la próxima lección también. Y le permite esencialmente almacenar múltiples valores dentro de una variable. Y hay una gran ventaja de usar un raise y trabajar con los raves debido a las formas que puedes manejar todos esos valores que están contenidos dentro de esa matriz. Entonces echemos un vistazo. Abramos nuestro editor y empecemos a crear algunas matrices pueden abrir el editor, y estas fueron inicialmente las variables que hemos mirado en la lección anterior. Entonces en esta lección, simplemente vamos a ver cómo crear algunas matrices. Por lo que hice que quitáramos estas cosas que tenemos aquí antes porque realmente no necesariamente necesitamos nada de esta información. A lo mejor voy a hacer clic en ese botón en caso de que necesitemos agregar alguna funcionalidad y tratar nuestra primera historia. Entonces de la misma forma que configuramos una variable V a r Podemos establecer una matriz. Entonces esto va a ser tal vez algo que le llamamos mi matriz y lo mismo donde lo estamos definiendo igual a lo que usamos. Soportes. Tenemos estos corchetes que vamos a estar usando para un aumento. Y este tipo de ary es lo que se llama matriz literal implícita. Hay algunas formas diferentes de diferentes tipos de un raise y te muestran esencialmente los tres tipos diferentes. Eso Esencialmente, son todos lo mismo que funcionan dentro de la misma forma que se puede hacer la misma funcionalidad dentro de ellos. Pero solo hay diferentes formas de definir tu aumento. Entonces esta sería una forma en que estamos haciendo variable, mi ary, y tenemos una idea de nuestros valores de rayos justo fuera del bate. A lo mejor si queremos tener una variable, llamé a una. Entonces esta sería mi matriz contendría este valor de uno. Y siempre que queramos salida, la matriz de valor Así que conseguí un registro de consola, cabra y justo como lo que hicimos antes de hacer mi array. Pero necesitamos identificar qué elemento queremos salida del arreglo. Entonces si hago mi ary cero porque un aumento comienzan en el ítem cero, debería obtener el valor que está contenido dentro de uno. Volvamos a salir y refrescarlo y vemos que sí obtenemos ese primer valor siendo salida eso de nuevo recordar que un aumento comienzan en cero. Por lo que este primer elemento es un cero o ítem cero y es igual al valor de uno. Y la belleza de la misma plantea que podemos contener múltiples valores para que pueda tener otro valor de dos. Y esto funciona de la misma manera que lo que miramos, Cómo podemos establecer los diferentes tipos de variables. Entonces configuramos inicialmente, configuramos valores de cadena de cadenas, configuramos valores numéricos, y podemos hacer lo mismo en una carrera, y el formato va a ser el mismo. Y la idea va a ser la misma. Por lo que los tipos de cadenas van a tener números rodeados de cotizaciones, no necesitan cotizaciones, por lo que simplemente puedes decir el número e incluso si queremos hacer Boolean, también podemos hacer un valor booleano. Eso tal vez pueda hacer algo así por algo. Eso mi pregunta para ustedes es ¿cómo sacamos aquí este segundo ítem? Entonces, ¿cómo salimos para mostrarte cómo podemos generar el valor para uno? Entonces, ¿qué opinas? Necesitamos calificar dentro de la consola log mi matriz para poder salir dentro de la consola así que te permite pensar en eso por un segundo. Y recuerda de nuevo que las matrices comienzan en 00123 Así que también en realidad va a ser el segundo elemento dentro de su rayo. Pero se va a posicionar uno. Entonces por defecto, empezamos cero. Por lo que en la posición uno, tenemos un valor de dos. Y cuando nos refrescamos, vamos y vemos que está obteniendo salida dentro de la consola. Es muy fácil, sencillo y lógico cómo esto obtiene salida. Por lo que abriendo nuestro código fuente, sí mencioné que hay otras formas de declarar un aumento. Entonces vamos a ver, tenías en borrado. Voy a hacer variable y lo voy a llamar mi array y que tal vez le daría mi Arabi. Entonces este, me cambiaré a mi matriz. A. Y me dieron una actualización de que ahí iban a lanzar un error. Entonces este va a ser mi matriz ser. Y estoy configurando como una nueva matriz aquí. Y, um, voy a necesitar declarar que esto va a ser una matriz. Y dentro de aquí s así este es un objeto global. Es un constructor para una carrera. Eso Esencialmente es como configurar como una lista de objetos que están todos contenidos juntos . Pero puede que no tengas la definición de ellos eso si quiero configurar una matriz y simplemente no sé cuánto quiero hacer con esa matriz quiero tal vez configurar una matriz en blanco. Puedo hacerlo dentro de este tipo de formatos. Eso esto funcionará, pero preferentemente lo estamos haciendo con mi son a como en este tipo de array literal s Así que esta es la forma preferida de configurar un aumento si tienes valores. Pero claro que podemos configurar que ahí rayo dentro de ese mismo tipo de formato. Entonces si uso sólo para copiar el traje. Y si hago mi violación sea y la refrescamos, vemos que obtenemos esa misma salida. Entonces donde somos capaces de hacer ese mismo tipo de formato dentro del tiempo de ejecución Marie's, aunque no es preferible que lo hagas dentro de esta manera, eso también hay tiempo de ejecución es si solo quieres configurar en una violación, tal vez esto no configurar una matriz en blanco. No estás realmente seguro de lo que quieres hacer con él donde quieres darle cinco ranuras justo al bate. Um, y sólo tengo que poner registro de consola, ¿ ves? Entonces nos va a dar esencialmente cinco ranuras de ese ary, y yo solo pongo eso mi realidad. Pero éste y yo puse ese para que todos somos iguales aquí. Volver atrás y refrescarlo, y vemos que sí tenemos los primeros en lucir idénticos. Y entonces el último es simplemente, tal vez un marcador de posición o una matriz en blanco. Entonces no hay nada en él ahora mismo. Entonces si fuera a llamar al segundo elemento de la lista, no sería capaz de devolver nada porque no está definido. No tenemos un segundo ítem en esa lista. Y esencialmente, eso es lo que se usaría para más definir. Si tengo algo de posicionamiento en su re, y porque sí lo definí como un valor de cinco, entonces es esencialmente esta es una matriz vacía con cinco ranuras predefinidas ya en ella, y veremos que una vez que empecemos a agregar en adicional elementos de la matriz, que te vas a mostrar en la siguiente lección, vamos a ver la diferencia real entre todas estas formas de crear un aumento, por lo que viene en la siguiente lección. 4. 5 JavaScript trabajando con Arrays: en esta lección. Vamos a ver trabajar con un aumento y un aumento. Tener estas funciones pre construidas eran métodos y vamos a hablar de funciones y métodos a medida que avanzamos por el curso. Pero tienen estas unidades de funcionalidad preconstruidas como unir, empujar y ordenar que nos permiten tener alguna funcionalidad fuera de la caja con un raise y una de ellas, la primera mirada conmemorativa va a ser cómo agregar artículos a nuestro raise. En la última lección que te mostramos cómo puedes configurar diferentes tipos de Aries. Entonces ahora vamos a ver cómo podemos agregar un elemento a esa matriz. Entonces primero, para re eso, voy a agregar el Ítem dos. Y, por supuesto, con las res, la verdadera razón por la que estamos usando un aumento es porque podemos contener múltiples valores. Entonces tenemos esto, mi matriz a Y si quiero agregar un artículo al final del ary, digamos que quería dedo del pie agregar cinco o algo así. Lo que hacemos es empujar el valor y esto simplemente coloca al final de su tarifa. Entonces ahora cuando voy y si abro y escribo mi array Un bueno para ver dentro de nuestra consola. Tenemos valor adicional ahí. Y ahora, claro, podemos llamar a ese valor y sacar ese valor porque éste va a ser 0123 y cuatro . Entonces todo lo que tendríamos que hacer es indicar la salida del dedo, la mi matriz A cuatro. Y podríamos conseguir ese valor por su. Entonces sí dije que hay una diferencia entre cuando estamos declarando estas matrices. Entonces nos tengo en un y voy a empujar este valor en mi A racy y solo para que rápidamente sepas que no habrá diferencia si lo hago mi Raby si empujo un artículo. Pero la diferencia está aquí cuando empujo un artículo a mi racy porque recuerda de nuevo, ya hemos declarado que cinco es el número de spots reservados. Entonces cuando empujamos un artículo hasta el final de una re ver, entonces realmente lo vamos a colocar en la ranura número seis, que va a ser ah valor de cinco si queremos recuperarlo. Tan solo muéstrale cómo funciona esto. Entonces vemos que tiene esto. Son cinco el carbón y cinco porque éste va a ser el valor de índice para recuperar este valor de cinco porque esencialmente hemos comenzado la tasa a las cinco. Entonces hay cinco espacios reservados en blanco, y cuando agregamos algo al final de eso, entonces es simplemente colocarlo dentro de la última ranura. Y ahora acabamos de salir poniendo esa matriz. Y aunque estén en blanco, no los vemos dentro del registro de la consola. Todavía están ahí. Entonces echemos un vistazo y veamos qué podemos hacer más con los Rayos. Entonces voy a abrir nuevamente el editor, y voy a registro cónsul con un montón de información porque esta es probablemente la forma más eficiente en que realmente podemos ver lo que está sucediendo detrás de bastidores aquí dentro JavaScript. Entonces 1er 1 que quiero salida es mi array A. Y ya tenemos una forma pre construida de averiguar cuántos artículos hay dentro de su. Por lo que ya confinamos a la longitud simplemente escribiendo en longitud. Y voy a hacer mi array ver y averiguar la longitud de mi racy. Entonces echemos un vistazo y veamos cómo funciona esto dentro de nuestra consola. Entonces vemos que éste tiene cinco ítems, que sí, y éste tiene seis. Porque de nuevo, recuerda que reservamos esos cinco puntos vacíos. También podemos hacer algunas comparaciones de los diferentes tipos de un raise para que podamos ver eso dentro consola para poder comprobar si los diferentes tipos de matrices son los mismos escribiendo en type off y mi array A. Y podemos ver si es en realidad igual a escribir fuera de mi racy. Entonces vamos a ver si en realidad resultan ser del mismo tipo de notas de matriz, regodearse y refrescarlo, y obtenemos un valor booleano siendo devuelto de verdad. Entonces eso simplemente significa que las res esencialmente son las mismas. El JavaScript los ve como el mismo tipo de un raise, pesar de que los habíamos declarado de manera diferente, y por definición uno era implícito y un array literal y uno era un tiempo de ejecución, una tasa que todavía los vemos, y nosotros todavía pueden trabajar con ellos dentro de esa misma moda. Pero sabiendo que no necesitamos seguir realmente con tener todas estas comparaciones entre este diferente tipo de aumento, y vamos a simplemente pasar a trabajar fuera de ese primer Meyer A para la siguiente sección de las lecciones donde nosotros mirar más profundamente en todas las cosas diferentes, realmente geniales que podemos hacer con JavaScript. Aries. Entonces voy a mirar en ese punto en las próximas lecciones con más detalle. 5. 6 Arrays de JavaScript en acción: las lecciones anteriores hemos mirado lo poderosas que son las matrices en JavaScript. Entonces en esta lección vamos a sumergirnos más profundamente en lo que se puede hacer con los Rayos. Entonces abramos a nuestro editor y echemos un vistazo a través. Por lo que inicialmente creamos una matriz llamada My Array A. Y en esta lección, vamos a profundizar en lo que podemos hacer con un aumento. Por lo que te mostramos cómo podemos empujar sobre artículo y podemos empujarlo hasta el final de lo grande. Entonces, ¿qué pasa si realmente quieres quitar un artículo de Honore? Por lo que voy a quitar el último artículo. Y la forma en que hacemos eso es usar pop así que simplemente la función pop y lo que esto va a hacer es que va a eliminar ese último elemento de la matriz. Y solo estoy mirando de dónde tengo ese registro cónsul de esa mi matriz. Recuerda de nuevo antes de que vengamos y golpeamos a Pop, tenemos una matriz que contiene seis elementos, seis valores, el último siendo seis. Ahora vamos a hacer pop, y vamos a quitar ese último. Entonces vamos a refrescarlo, y vemos que estamos eliminando el ítem número cinco del índice, que es el último. Entonces ahora tenemos una matriz totalmente nueva con ese último ítem de TIC eliminado. Bueno, vamos a ver, No quieres quitar el último, pero quieres quitar el 1er 1 Así que hay una función para esto también dentro de un aumento. Entonces vamos a hacer mi array A y dijo un pop esta vez vamos a hacer turno. Y lo que esto hace es que esto esencialmente deja caer el primer elemento y cambia a los otros ,por , lo que no van a ser estos valores estáticos. Y este es uno de los beneficios de hacer las cosas dinámicamente. Ojos, porque eres Ray siempre está cambiando s muchas veces cuando estás desarrollando un javascript, tus variables y tus valores están cambiando, y esto no es diferente a cuando estás trabajando con los Rayos. Por eso tratamos de evitar tener este valor estático de cuatro cuando estamos llamando a un elemento en la matriz. A menos que eso así lo requiera dentro del guión, y lo hacemos dinámicamente para cuando tal vez queremos ver siempre cuál es el elemento final. Entonces abrimos. Nuestro editor y veremos qué hace el turno y qué hace el turno es que bajó el valor de uno. Esencialmente, dejó caer ese 1er 1 fuera del frente de la matriz. Entonces veamos ahora, no nos gusta este valor de cinco, y queremos actualizar eso. Nosotros queremos asegurarnos de que en lugar de cinco, porque esto va a ser 0123 Así que digamos que queremos cinco para decir tres. Entonces vamos a mirar de nuevo llamando vía el número de índice. Entonces mi matriz A y recuerda cómo llamamos al valor eso Lo hicimos por valor de índice. Tres. También podemos volver a asignarle una marca que valoras a ella. Y voy a reasignar capitales tres ahí, y volveremos a enumerar ese ary en las consolas. Tenemos realmente hacer un buen uso del registro de consola dentro de esta lección. Entonces, cuando lo actualizamos ahora, hemos cambiado de 5 a 3, y es tan fácil trabajar con los Rayos. Entonces también, echemos un vistazo a lo que sucede cuando queremos ver el número de índice, así que tal vez tengamos un valor de tres, pero no recordamos exactamente dónde está posicionado dentro de nuestra matriz. Y esto va a tener mucho más sentido una vez que nos fijemos en clasificar. Porque, claro, ahora sabemos dónde hemos posicionado tres eso. Abramos eso de nuevo y vamos a recoger el valor índice de tres. Entonces tal vez en lugar de actualizarme, solo lo voy a hacer justo dentro de la consola. Entonces, en realidad no vamos a actualizar nada en la preocupación. Sólo vamos a salida de valor. Entonces esta vez vamos a usar el mi array, y vamos a usar un método llamado índice de Esencialmente. Esto devuelve el valor de índice del elemento dado que estamos buscando dentro de la matriz . Y si no está dentro del rayo, vamos a conseguir un valor de uno negativo. En realidad, este es un peso rápido que realmente podemos encontrar si ah, valor está contenido dentro de la matriz. Entonces busquemos el valor de tres y veamos si algo que se ha devuelto tan refrescante nuevo y vemos que se pone, vemos ese es el tercer ítem ahí. Y digamos que si hicimos algo como X tres y ahora, deberíamos obtener un valor de uno negativo porque en realidad no está sentado en su matriz. Eso pasó por el 0123 y dice OK, bueno, no está aquí, así que es negativo porque está sentado fuera de la teoría. No está dentro de la batería de lo que intenta devolver esa posición. Por lo que también tenemos la capacidad de empalme múltiples artículos fuera de muy así si queremos quitar tal vez los dos últimos artículos o algo así. Podemos hacer eso también dentro de la tarifa. Entonces hagamos un empalme. Entonces otro método. Y como puedes ver, hay un montón de cosas que literalmente puedes hacer con los rayos puestos. Es por ello que decimos que trabajar con los Rayos y mantener estos valores dentro de su ZEE es realmente beneficioso cuando estás tratando de trabajar con JavaScript porque te da toda esta funcionalidad añadida que lo hace muy fácilmente dedo agregar nuevos contenidos para cambiar el contenido de su matriz, mover las cosas y así sucesivamente. Entonces esta vez vamos a ver la matriz y vamos a sacar el último elemento del ray s. por lo que necesitamos especificar son posición inicial. Entonces empecemos en la posición número dos quitará solo un elemento. Y por supuesto, podríamos eliminar múltiples artículos si quisiéramos. Entonces otra vez, Cónsul, cierre esto y lo que voy a hacer aquí es que voy a comentar un montón de estas cosas porque realmente no es relevante para lo que estamos haciendo ahora mismo dentro del código. Entonces ve cómo resulta eso para que no tengamos un montón entero de estas cosas de registro de consola viniendo. Entonces ahora vemos que tomamos valor índice al que fue 55 quitamos eso. Y ahora acabamos de ponerlo, y podríamos quitar más artículos también. Eso También podemos inseguros ift también. Entonces si queremos sacar un elemento específico de ahí, si queremos eliminar tres, podemos hacer mi matriz. Y sé que mi reace popa para encogerse eso podría tener que mirar la actualización de Siria, sumando también a esa zona. Entonces te voy a mostrar cómo hacer eso. Entonces hay ift inseguro y vamos a armar ese valor de tres, ver si podemos sacar eso de la tarifa también. Entonces probemos esto y veamos cómo se ve esto. Entonces hubo un error con la forma en que definí el mi área porque no pusieron el mi Serie A. Así que, claro, sobre esto es otro beneficio realmente al usar tus herramientas de Dev que me dieron el aire. Es decir, que los errores nunca son buenos, pero esta fue una buena demostración sobre cómo funcionan los errores en JavaScript. Déjame ver que Mireille no está definida. Entonces sabemos que ese es el problema, que no hemos definido mi matriz. Y eso es porque realmente no tengo que encontrar a mi Rica el valor. Estamos trabajando con su mi matriz, un eso vemos ese ift inseguro. Lo que eso hace es que se suma en el valor de tres al principio, hay un oleaje, y volvamos a escolarizar aquí y hablar más sobre índice de. Entonces voy a deshacerme de algunas de estas cosas aquí y vamos a ver índice de así que una de las cosas era que habíamos mirado Bueno, ya sabes, tenemos este índice de y voy a deshacerme del desplazamiento también, porque de nuevo, esto se está volviendo mucho más complejo aquí. Entonces, uh, tenemos índice de tres ahí. Y así estamos obteniendo ese valor que por tres echemos un vistazo a qué más podemos hacer con un aumento y otra cosa realmente genial que podemos hacer con los Rayos. Y también debo decir, muy útil se ordena. Esencialmente, esto ordena en una tasa en su lugar y re ordena la matriz. Entonces ahora cuando nos consolamos, cerramos la sesión de la matriz y sí quiero agregar algunos números adicionales y la razón es la forma en que se ordena, es así que tenemos algunos valores, hay así que tenemos más cosas ahí para ordenar . Entonces la forma en que va a ordenarlo va a especie de numéricamente primero. Y luego lo va a ordenar alfabéticamente. Echemos un vistazo y veamos qué pasa, y vemos una vez que lo ordenamos. Pero está tomando un nuevo orden. Y otra cosa a notar aquí es que así lo hicimos numéricamente y luego lo hicimos a través de personajes. Pero notamos que primero tomó esa mayúscula. Por lo que va números mayúsculas y luego minúsculas. Cuando hace el ordenamiento eso esto es por defecto, incorporado en ese método. Y ahora si hago un índice de tres, vamos a ver que ese índice ha cambiado. Y esta es otra de esas cosas que si realmente lo estuviera actualizando dinámicamente, eso si hicimos algo o tal vez podemos hacer algo así. Entonces este aire ya no va a ser el mismo y estamos tomando el valor del último, va a cambiar en contraposición al valor que va a estar contenido dentro de su. Y sé que no solo tenemos cuatro, y ahí tenemos son seis artículos diferentes en su suite. Tienen que enumerar esto como cinco para obtener ese último valor. Pero esencialmente pase lo que pase, estamos devolviendo ese valor de cuatro eso, pesar de que después de hacer la clasificación había regresando ese valor de cuarto que se está vuelta, él es y por qué son cuatro es porque en realidad lo hicimos son ordenados, así que en realidad no emití el tipo allí. Entonces vamos a tratar de hacerlo de esta manera y demostrar los beneficios de ser dinámicos es que tenemos la capacidad de actualizar y siempre conseguir ese último que se está mostrando aquí. Eso Además de ordenar, también podemos ordenar en orden inverso. Entonces tenemos nuestra matriz siempre llamada Identificar el que quieres trabajar con la variable con la que quieres trabajar Y tenemos reversa así que esencialmente hace lo contrario de clase . Entonces, simplemente va a ordenar esencialmente esa matriz en orden inverso. Y tal vez para éste sólo ponga ese ary y le muestre que de hecho, ahora está en orden inverso. Por lo que empezando por la mayúscula minúscula y luego América y también podemos tener la capacidad de unirnos a un aumento juntos. Entonces vamos a estar viendo eso y luego cosas adicionales que hacemos con un aumento y más funcionalidades. Vamos a subirnos en el próximo conjunto de lecciones. 6. 7 Arrays de JavaScript como cadenas, cadenas, cadenas y rodajes: Entonces como puedes ver, hay muchas cosas que podemos hacer con la carrera. Entonces vamos a sumergirlo de nuevo en un aumento, y esta vez vamos a sumar a nuestra carrera. Entonces tal vez tenemos un ary aquí, y voy a llamar a este mi Aree Di, y no voy a cambiar demasiado alrededor de estas cosas, pero tal vez solo unos valores ahí para que podamos ver que hay algunos valores diferentes dentro mi radi. Entonces, si tienes múltiples matrices, en realidad va a ser realmente fácil agregar y actualizar matrices. Entonces tenemos en opción para eso, y la forma en que podemos hacer eso es que simplemente podemos capitán comer ese ary para que pueda establecer y separar completamente mi ary e Y podría contener valores de mi A rate y puedo cortarlo con mi array. De así que sólo asegurarme de que tengo todos esos un re identificadores propiamente. Ahí hay O Ahora cada vez que consola loguemos con eso, mi array e solo te mostraré cómo va a quedar esto. Entonces consola log y voy a dar salida a mi r e e y tal vez te mostraré la longitud de mi matriz también . Tan bajo en ello. Y tengo que esconder aquí algunas de estas cosas para que no confunda los propósitos de esta lección . Entonces echemos un vistazo a lo que pasa ahora. Así que recuerda, estamos uniendo las dos matrices juntos, y vemos que empezamos con mi array A y hemos unido mi a radi en él, y los hemos combinado juntos en mi cada e sucede si quieres generar tu matriz tal vez como una cadena utilizable, por lo que no quieres necesariamente tener todos estos elementos, Pero quieres poder verlos, tal vez presentarlos visualmente al usuario. Entonces hay una serie de opciones diferentes que puedes hacer en una de ellas es Por supuesto que podemos . Sólo voy a consola cerrar sesión este. Y por supuesto, siempre podríamos establecer una variable para contener este valor de cadena. Simplemente toma, voy a tomar el más corto, toma mi A y voy a usar a la fuerza. Y lo que esto va a hacer es que este tipo va a cambiar el mi camino en una cadena eran sólo otra vez Somos cónsul registrando todo esto en lugar de tener todos estos valores es separado, no tenemos comentarios separados como un valor de cadena, podemos también se unen tan similares a crearlo como una cadena. Y por supuesto, esta otra vez podríamos hacer lo mismo que la cadena y podemos contener variable si quisiéramos . Entonces esta es otra vez una de esas cosas que es opcional Eso tenemos otra opción aquí. Podemos hacer unirnos eso Unimos todos los elementos re en una cadena pero tal vez no queremos llamar a mis separados Queremos crear algún otro tipo de separador Eso entonces aquí es donde especificamos el separador. Entonces voy a poner esta cara sonriente cara feliz par espacios entre ahí como el separador Y ahora te mostraremos cómo resulta éste dentro de la consola Eso vemos esta cadena pero nos hemos deshecho de las comas Y así que las comas predeterminadas hemos actualizado propio separador dentro de la cadena es un montón de cosas realmente aseadas que puedes hacer También podemos si queremos solo devolver parte de la cadena Podemos hacer eso también Eso podemos hacer eso con Slice . Y por supuesto, siempre tenemos esa opción para colocarlo como variable y luego trabajar con ella dentro de su JavaScript. Pero sólo estoy tratando de demostrar todas estas diferentes piezas de funcionalidad que tienes con las lesiones. Eso si tengo mi array y esta vez voy a usar esa lata cafeína una vez tenemos mucho contenido ahí dentro, y si quiero regresar tal vez solo parte de la lluvia. Entonces haz algo así y te mostraremos lo que pasa ahí. Y tal vez debería consolarme. Mira eso una carrera para que tengamos eso justo encima de ella dentro del cónsul y veamos qué resulta esto. Entonces hay un problema ahí que Mireille no es una función así que otro error. Pero bueno, porque podemos ver lo que ha pasado aquí con el error con el tema. Y por supuesto, no incluí la rebanada. Entonces por eso en realidad está buscando una función. Eso array e.Por sí mismo no es una función, pero necesitaba incluir la función de rebanada. Intentemos eso otra vez, y con los errores vemos, en realidad, la línea de código que creó ese aire. Entonces si quiero echarle un vistazo a eso, podría ver la línea de código aquí dentro del cónsul Dev también. Entonces tal vez encoger algunas de estas cosas hacia abajo. Lo tengo realmente agrandado aquí. Entonces es por eso que es más difícil de ver. Pero sólo volvamos al cónsul y lo refresquemos. Y vemos que esta vez no estamos recibiendo el aire y vemos que sólo estamos regresando una parte de la lluvia. Por lo que estamos dando vuelta inicial índice uno y parando en el índice tres. Entonces esto sería Esta es la razón por la que estamos devolviendo estos dos artículos aquí y simplemente volviendo a nuestro código para que podamos ajustar esto. Por lo que más adelante, también vamos a ver cómo podemos hacer esta dinámica de que teníamos estos valores crecientes o diferentes que se representaban aquí dinámicamente. Esto también devolvería diferentes piezas de su A y así es como comenzamos el trabajo del dedo del pie con JavaScript en hacer una dinámica dentro de la cancha. Y como puedes ver, hay un montón de cosas diferentes que hemos cubierto aquí en un aumento, así que definitivamente vale la pena echar un vistazo a través del código fuente, probarlo por ti mismo. Ver lo que puedes hacer con tu aumento. Crear varias matrices diferentes. Motor. Simplemente practica la actualización, agregando elementos, sacando elementos y ve qué puedes hacer con tus matrices e intenta hacerlo lo más dinámico posible usando JavaScript y no tanto poniendo valores estáticos como lo hicimos aquí. Pero trata de crear algunos valores dinámicos para que tu matriz se vuelva más flexible y se ajuste con tu abrigo. Entonces hago consejos para revisar eso para practicar y familiarizarme con todas las cosas maravillosas que podrías hacer con los Rayos.