Introducción a la programación
en JavaScript
Módulo 3 - Arreglos & Objetos
Introducción a la programación en JavaScript
Arreglos & Objetos
Introducción a la programación en JavaScript
Arreglos & Objetos
Entendiendo el trabajo tanto con arreglos como con objetos,
podemos integrar ambos conceptos de la siguiente manera.
Tenemos un listado de empleados. Estos empleados tienen
diferentes propiedades, pero a su vez son varios y
queremos tenerlos en una misma variable (arreglo), lo
que haremos será lo siguiente:
Introducción a la programación en JavaScript
Métodos útiles para trabajar con arrays
Otra cosa que también podemos hacer, es utilizar algunos
métodos útiles para trabajar con arreglos. Por ejemplo:
De esta manera podemos ordenar nuestro arreglo, también
podemos acceder rápidamente al último dato del arreglo,
por ejemplo:
Introducción a la programación en JavaScript
Métodos útiles para trabajar con arrays
Si los pasos anteriores queremos mostrarlos en una alerta,
haremos lo siguiente:
Por supuesto nos encontraremos nuevamente con el
problema planteado anteriormente.
Introducción a la programación en JavaScript
Métodos útiles para trabajar con arrays
De esta manera podemos hacer lo siguiente:
Introducción a la programación en JavaScript
Métodos útiles para trabajar con arrays
Lo anterior se mostrará en pantalla de esta manera:
También podemos trabajar con un método llamado
push, de esta forma podemos agregar un dato al final
del arreglo, por ej., generamos el siguiente arreglo:
Introducción a la programación en JavaScript
Métodos útiles para trabajar con arrays
Para agregar un dato al final, lo Luego lo mostraremos en una caja:
haremos de la siguiente forma:
Introducción a la programación en JavaScript
Métodos útiles para trabajar con arrays
El resultado en pantalla desde nuestro navegador
será el siguiente:
También podemos trabajar con el método pop.
Este método nos permite sacar un dato,
Introducción a la programación en JavaScript
Métodos útiles para trabajar con arrays
Si con el método pop sacamos un dato el resultado
será el siguiente:
También, podemos sumar un dato al principio del
arreglo, por ejemplo, lo haremos con unshift:
Introducción a la programación en JavaScript
Métodos útiles para trabajar con arrays
El resultado en el navegador será el siguiente:
En este caso María se agrega al principio, no
al final. Por su lado, si quiero quitar a María
(quitar un dato del inicio, lo haré de la siguiente
forma, con shift.
Introducción a la programación en JavaScript
Método Splice
Si no queremos quitar datos exactamente al inicio o al final,
lo que podemos hacer es lo siguiente:
Introducción a la programación en JavaScript
Método Splice
Removerá en este caso el elemento
cuyo índice es 2(dos) en adelante.
Si además queremos indicar cuántos
elementos serán removidos,
agregaremos algo más:
Introducción a la programación en JavaScript
Método Splice
En base al código anterior el resultado será:
No sólo podemos hacer esto, sino que
también podemos al mismo tiempo qué
quitamos, agregar datos en esa misma
posición:
Introducción a la programación en JavaScript
Método Splice
En base al código anterior, el resultado será:
Esto anterior es:
Introducción a la programación en JavaScript
Método Concat
También se pueden unir diferentes
arreglos, por ejemplo, vamos a suponer
que tenemos dos sectores:
Pero por alguna razón, sólo en algún
momento preciso queremos unir ambos
arreglos, lo haremos de la siguiente forma:
Introducción a la programación en JavaScript
Método Concat
Si lo queremos mostrar en un contenedor
lo haremos de la siguiente forma:
El resultado será el siguiente:
Introducción a la programación en JavaScript
Método Slice
Slice nos permite partir un arreglo a
partir de cierta posición, por ejemplo:
De esta manera indicamos qué queremos
partir el arreglo a partir de la posición 2, de
esta forma el resultado será el siguiente:
Introducción a la programación en JavaScript
Revisión
● Repase el concepto de arreglo más objeto.
● Trabaje mostrando una lista de empleados y
diferentes propiedades.
● Estudie los métodos mostrados en el contenido.
● Practique los métodos para poder entenderlos de
mejor forma.
● Trabaje en el Proyecto Integrador.
● Realice las preguntas necesarias al/la docente antes
de continuar.
Introducción a la programación en JavaScript
¡Muchas gracias!
¡Sigamos trabajando!
Introducción a la programación en JavaScript