Curso JavaScript: Listado de Lecciones
Hola amigos lectores y seguidores de The Big Web Developer, seguimos explicando las temáticas de nuestro curso de JavaScript, en la entrada anterior estuvimos tratando todo lo relacionado al bucle do while, si aún no has leído esta entrada te dejaré el vinculo por aqui para que te adentres en este tema, Curso Básico de Javascript desde cero – Estructuras de control repetitivas 【BUCLE DO WHILE】.
El dia de hoy iniciamos un nuevo tema; estaremos estudiando todo lo relacionado a las estructuras de datos especificamos hablaremos sobre los arreglos o arrays los cuales son de suma importancia para el tratamiento de datos en nuestras aplicaciones; el dia de hoy iniciaremos con lo básico como lo son los arreglos unidimensionales.
No siendo mas ¡comencemos!
No siendo mas ¡comencemos!
Explicación por Videotutorial.
Si deseas puedes ver el Videotutorial que hicimos especialmente para ti, el cual tiene toda la información relevante acerca de las temáticas que estaremos tratando, la cual es todo lo relacionado a las estructuras de datos o arrays.
Explicación por Fototutorial.
La dinámica de la explicación será un poco distinta a las anteriores ya que no realizaremos ejercicios prácticos nos centraremos en el concepto, estructura y sintaxis de los arrays para poder entender de manera precisa cómo funcionan estos.
Concepto Array.
Un arreglo puede definirse como un grupo o una colección finita, homogénea y ordenada de elementos. fuente
La definición anteriormente expuesta es bastante general en si los arreglos independientemente del lenguaje de programación son estructuras finitas las cuales tienen un punto inicial y un punto de finalización, en este caso esto lo manejamos a través de dimensiones, igualmente los datos almacenados en dicha estructura van a compartir cierta similitud como por ejemplo el tipo de dato los cuales pueden ser de tipo numérico, cadena, o booleanos esto va depender mucho de la información o datos que deseamos tratar; para acceder a dichas posiciones en memoria necesitamos hacerlo a través de direcciones o índices, todo esto lo vamos a estudiar de forma más detallada a continuación.
Arrays en JAVASCRIPT
Los arrays (Array o matrices) son objetos de tipo lista cuyo prototipo tiene métodos para realizar operaciones de recorrido y mutación. Ni la longitud o los tipos de los elementos del array son fijos. Dado que la longitud de un array puede cambiar en cualquier momento. Fuente
La definición anteriormente expuesta, tomada de la documentación oficial de JAVASCRIPT tiene varios puntos de suma importancia; los arrays en Javascript funcionan de manera distinta a otros lenguajes de programación podemos ver que los arreglos son totalmente dinámicos ya que estos pueden cambiar su longitud de manera constante por ej: podemos declarar un arreglo de longitud 4 y este puede cambiar a longitud 12 (Esto lo veremos más adelante), igualmente al trabajar con un lenguaje de tipado débil como lo es Javascript podemos trabajar en un mismo arreglo con múltiples tipos de datos (tipo numérico, cadena de texto, boleano, etc... ).
En conclusión podemos decir que los arrays de Javascript son multipropósito, pueden servir como listas(manejo dinámico) o como arreglos(manejo estático).
SINTAXIS.
La salida de nuestro arreglo quedaría de la siguiente manera, para imprimir un mensaje utilizamos la función document.write().
Tendremos una salida similar a esta(Imagen), en nuestro navegador.
En la imagen podemos ver que nuestro array es de longitud 3 hemos asignado un nuevo dato en la posición 5(arrayInicial[5] = "Maria") la cual no existía pero al realizar este proceso estamos redimensionando nuestro array y ahora sería un array de longitud 6, en otros lenguajes de programación como por ejemplo JAVA esto generaría un error de desbordamiento pero en el caso de Javascript es totalmente válido.
La salida de mi arreglo redimensionado sería similar a lo que podemos apreciar en la imagen, en la cual tenemos los datos que ya teníamos almacenados("Juan", "Luis", 2) y tenemos el nuevo dato agregado en la posición 5, las posiciones 3 y 4 se imprimen como vacío ya que no tenemos agregando ningún dato allí.
Concepto Array.
Un arreglo puede definirse como un grupo o una colección finita, homogénea y ordenada de elementos. fuente
La definición anteriormente expuesta es bastante general en si los arreglos independientemente del lenguaje de programación son estructuras finitas las cuales tienen un punto inicial y un punto de finalización, en este caso esto lo manejamos a través de dimensiones, igualmente los datos almacenados en dicha estructura van a compartir cierta similitud como por ejemplo el tipo de dato los cuales pueden ser de tipo numérico, cadena, o booleanos esto va depender mucho de la información o datos que deseamos tratar; para acceder a dichas posiciones en memoria necesitamos hacerlo a través de direcciones o índices, todo esto lo vamos a estudiar de forma más detallada a continuación.
Arrays en JAVASCRIPT
Los arrays (Array o matrices) son objetos de tipo lista cuyo prototipo tiene métodos para realizar operaciones de recorrido y mutación. Ni la longitud o los tipos de los elementos del array son fijos. Dado que la longitud de un array puede cambiar en cualquier momento. Fuente
 |
| Arrays En JAVASCRIPT |
En conclusión podemos decir que los arrays de Javascript son multipropósito, pueden servir como listas(manejo dinámico) o como arreglos(manejo estático).
SINTAXIS.
Para declarar arreglos en Javascript tenemos tres métodos; podemos asignar los datos del array directamente, podemos hacerlo a través del constructor del objeto Array, por último podemos crear un array vacío declarando la longitud que llevará dicho array.
 |
| Sintaxis Arrays Javascript |
A continuación mostramos las tres formas para declarar un arreglo con Javascript, utilizamos la palabra clave var seguido del nombre que llevará el array e inicializamos el array asignando los datos directamente, observamos que podemos utilizar en un mismo array datos de tipo cadena y numérico, todo esto será agregado dentro de corchetes( [] ).
Tenemos la segunda forma para declarar arrays la cual es haciendo uso de la palabra clave new seguido del objeto Array y asignamos los respectivos datos en este caso datos de tipo cadena(String) los dos primeros arrays son de longitud 3.
Por último tenemos la tercera forma para declarar un array en este caso cuando pasamos un solo argumento de tipo numérico al objeto Array, se asume que inicializamos un array vacío de 4 posiciones.
 |
| Declaramos un array en Javascript |
IMPRIMIR UN ARREGLO O ARRAY.
Para poder acceder a las respectivas posiciones de un array lo hacemos a través de índices los cuales son identificadores numéricos, inicia desde la posición 0 hasta N-1(donde N-1 es igual a la longitud del array - 1), en este caso imprimimos todos los datos que tenemos en dicho arreglo el cual tiene tres posiciones de memoria reservados.
La salida de nuestro arreglo quedaría de la siguiente manera, para imprimir un mensaje utilizamos la función document.write().
 |
| Salida Array Javascript |
Podemos imprimir todos los datos almacenados en el array simplemente escribiendo el nombre de dicho array como en este caso(Imagen), hacemos uso de la función document.write() y escribimos el nombre de nuestro objeto tipo array (arrayInicial).
 |
| Imprimir todos los datos |
 |
| Salida array |
Incrementar La longitud de un Array Unidimensional Indirectamente.
Recordemos que hace un momento dijimos que los arreglos o arrays en Javascript son completamente dinámicos esto quiere decir que la longitud de este puede variar al momento de la ejecución de nuestros scripts, esto dependerá completamente de lo que estemos desarrollando o lo que requiera el problema que estemos resolviendo. En la imagen podemos ver que nuestro array es de longitud 3 hemos asignado un nuevo dato en la posición 5(arrayInicial[5] = "Maria") la cual no existía pero al realizar este proceso estamos redimensionando nuestro array y ahora sería un array de longitud 6, en otros lenguajes de programación como por ejemplo JAVA esto generaría un error de desbordamiento pero en el caso de Javascript es totalmente válido.
 |
| Redimensionar arreglo en javascript |
 |
| Salida array redimensionado |
Con esto habríamos terminado la explicación relacionada a los arrays específicamente a los arreglos unidimensionales les recomiendo mirar el video en el cual explicamos de una manera mucho más precisa el funcionamiento de los arrays, igualmente esto no termina aquí en próximas entradas estaremos profundizando más acerca de los arreglos unidimensionales.
Igualmente si estas interesado en desarrollar una pagina web, y aun no te decides en que hosting alojar dicha pagina te dejare una recomendación en la cual recibirás asombrosos descuentos siguiendo el siguiente Link.
https://geedhosting.com/ 🔴
►50% DCTO. = GEEDPP50
Estos CUPONES DE DESCUENTO, sólo son válidos para el SERVICIO DE HOSTING, mas no para el Dominio.
0 comentarios:
Publicar un comentario