El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

JavaScript esencial

Cómo medir y acceder en JavaScript a un arreglo

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Aprende cómo medir un arreglo para saber cuántos datos contiene y así poder determinar la cantidad de acciones que podrás realizar según los datos que tengas. Conoce la propiedad que deberás usar para poder hacer esta medición adecuadamente.
04:41

Transcripción

Cuando trabajamos con arreglos, va a haber dos cosas que vamos a necesitar saber indudablemente ante cualquier operación. La primera de ellas es cuánto mide nuestro arreglo, y la segunda de ellas es cuál es la información que se encuentra en determinada posición de nuestro arreglo. Vamos a resolver la primera, es decir, vamos a medir nuestro arreglo. Nosotros sabemos, por lo que estamos viendo en pantalla, que nuestro arreglo tiene tres posiciones. La posición 0, que es'ceviche'; la posición 1, que es'tacos'; y la posición 2, que es'pasta'. Vamos a medir. Yo puedo escribir aquí'console. log' para poder mandar un mensaje a pantalla y vamos a escribir directamente en este mensaje. Ahí dejamos un espacio. Aquí, en medio de estos dos símbolos de más, es donde voy a recuperar el tamaño que tiene el arreglo'platillos' y posteriormente voy a terminar el mensaje escribiendo en el menú. ¿Esto qué significa? Que hay una cantidad de platillos en el menú. Entonces, nosotros vamos a agregar estos tres elementos, pero tenemos que contarlos. Para hacerlo, tendremos que acceder a la variable que los contiene, es decir, el arreglo'platillos'. Vamos a escribir aquí la palabra'platillos', y para poder medirlos tendremos que acceder a la propiedad llamada'length'. Con esta propiedad nosotros podemos saber cuánto mide este arreglo. Vamos a actualizar nuestro navegador y, una vez actualizado, vemos que dice "Hay tres en el menú". Para que esto se lea correctamente vamos a escribirlo de la siguiente forma: 'hay', espacio, 'platillos. length', es decir, el número tres para este caso, 'platillos en el menú'. Actualizamos el navegador y vemos como ahora tenemos un escrito correcto. De esta forma, nosotros podemos medir directamente nuestro arreglo y no importa si agregamos un elemento más. Por ejemplo, si yo aquí quiero agregar la palabra'tostadas', entonces actualizo el navegador y vemos como ahora hay cuatro platillos en el menú. La otra situación a la cual nos vamos a enfrentar es cuando nosotros necesitemos recuperar el platillo que se encuentra en determinada posición. En la jerga de la programación, cada una de estas posiciones la podemos conocer como si fuera un índice, es decir, en qué índice se encuentra determinado producto o determinado platillo en este caso. Para poder acceder a esto, nosotros vamos a crear una nueva variable llamada'platillo', la cual estamos creando en singular porque aquí solamente vamos a guardar un platillo que estaremos recuperando de nuestro arreglo. Y para esto vamos a escribir igual y vamos a invocar al arreglo'platillos', que es donde existe el universo de platillos. Al final, estamos escribiendo un par de corchetes. Esto significa que vamos a acceder a la información que se encuentra dentro de este arreglo, y, para esto, vamos a indicar solamente cuál es el elemento que queremos: 0, 1, 2 o 3. Vamos a poner que queremos acceder al elemento 1. Entonces, simplemente pongo el número aquí y vamos a mandar un mensaje directamente a pantalla. Para esto, utilizaremos'console. log', y vamos escribir "El platillo seleccionado es" y mandamos el contenido de'platillo', la variable en singular. Actualizamos nuestro navegador y vemos como ahora dice "El platillo seleccionado es tacos", porque'tacos'se encuentra en la posición número 1. Si yo quisiera cambiar a la posición número 3, y actualizo, vemos que dice'tostadas'. ¿Pero qué pasa si yo me salgo del rango? Por ejemplo, vamos a poner el número 10. En este caso, no tenemos ninguna posición 10. Por tanto, cuando nosotros accedemos, ahora obtenemos un valor llamado'undefined'. De esta manera, nosotros ya podemos acceder sin ningún problema a los elementos que conforman un arreglo y también podemos medir el tamaño completo de dicho arreglo. De hecho, nosotros podemos utilizar también este mismo dato como el espacio donde nosotros queremos medir. Por ejemplo, en'platillos', en lugar de mandar 1 vamos a mandar el tamaño del arreglo. Si tú recuerdas, el arreglo tenía cuatro platillos. Actualizamos y tenemos un valor'undefined'. ¿Esto por qué sucede? Porque el valor de'length'sí cuenta desde 1, es decir, 1, 2, 3 y 4. Pero si nosotros quitamos un valor, entonces ya estamos teniendo los mismos datos. Así que actualizamos nuestro navegador y vemos como aquí ya podemos acceder directamente a nuestro elemento.

JavaScript esencial

Aprende y conoce JavaScript empezando por entender sus conceptos más básicos y esenciales, pero considerando en todo momento la nueva especificación del lenguaje ES6.

5:26 horas (90 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:12/09/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.