Hola 1

Métodos para trabajar con arreglos y objetos
Métodos para trabajar con arreglos
Revisemos los métodos más comunes al momento de trabajar con arrays que son métodos
para agregar y/o quitar valores, trabajaremos todos los ejemplos con el mismo array.
var array = ["elemento1", "elemento2", "elemento3"];
Para agregar elementos a un array podemos usar el método push o unshift.
// push() - Agrega elemento al final del array

array.push('elemento4');

// unshift() - Agrega elemento(s) al inicio del array
array.unshift("elemento4", "elemento5");

// (5) ["elemento4", "elemento5","elemento1", "elemento2", "elemento3"];

Resultado.
//push
(5) ["elemento5","elemento1", "elemento2", "elemento3", "elemento4"];

//unshift
(5) ["elemento4", "elemento5","elemento1", "elemento2", "elemento3"];
Para eliminar elementos a un array podemos usar el método pop o shift
// pop() - Elimina último elemento del array

array.pop();
// shift() - Elimina primer elemento del array
array.shift();
_ 1
www.desafiolatam.com
Resultado.
//pop
(2) ["elemento1", "elemento2"];

//shift
(2) ["elemento2", "elemento3"];
Ejercicio guiado: Agregando elementos al arreglo
Se solicita agregar dos nuevos elementos al final de una lista de compras, siendo estos
elementos: “Peras, Pollo”. Igualmente agregar pero al inicio de la lista de compras por su
importancia, los siguientes elementos: “Agua Embotellada, Sal”, pero después de un análisis
de la lista de compras, han decidido eliminar el último y el primer elemento de la lista.
Finalmente mostrar en un console.log el arreglo final. La lista de compras es la siguiente:
let lista = ["Azúcar", "Cloro", "Papas", "Queso", "Jamón", "Pan"];
● Paso 1: Crear una carpeta en tu lugar de trabajo favorito y dentro de ella crea dos
archivos, un index.html y un script.js.
● Paso 2: Escribir la estructura básica de un documento HTML en el index.html, como

se muestra a continuación:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h4>Este es un documento HTML con JavaScript</h4>
<script src="script.js"></script>
</body>
</html>
● Paso 3: En el archivo script.js, agregar los dos nuevos elementos al final y al inicio de
la lista, para ello se implementan los método push y unshift:
_ 2
let lista = ["Azúcar", "Cloro", "Papas", "Queso", "Jamon", "Pan"];
lista.push("Peras", "Pollo");
console.log(lista);
lista.unshift("Agua Embotellada", " Sal");
console.log(lista);
● Paso 4: Al ejecutar el código anterior y ver el resultado en la consola del navegador

web, el resultado es:
Array(8) [ "Azúcar", "Cloro", "Papas", "Queso", "Jamón", "Pan", "Peras", "Pollo" ]

Array(10) [ "Agua Embotellada", " Sal", "Azúcar", "Cloro", "Papas", "Queso", "Jamón", "Pan",
"Peras", "Pollo" ]
● Paso 5: Ahora podemos eliminar el primer y último elemento de la lista de compras

mediante la implementación de los métodos pop y shift. En este caso, no
inicializamos la lista porque seguiremos trabajando con el resultado generado hasta
el momento.
lista.pop();
console.log(lista);
lista.shift();
console.log(lista);
● Paso 6: Al ejecutar el código anterior y ver el resultado en la consola del navegador

web, el resultado es:
Array(9) [ "Agua Embotellada", " Sal", "Azúcar", "Cloro", "Papas", "Queso", "Jamón", "Pan",
"Peras" ]
Array(8) [ " Sal", "Azúcar", "Cloro", "Papas", "Queso", "Jamón", "Pan", "Peras" ]
Ejercicio propuesto (1)
De acuerdo a un arreglo facilitado, se debe agregar como primer término a ese arreglo los
elemento: “Hola, Saludos, Adios”, luego como último término “Casa, Edificio, Condominio”.
Finalmente se deben eliminar el primer y el último término del arreglo. El arreglo original es:
let cosas = ["Reloj", "Cuadro", "Escritorio", "Mueble", "Lampara"];
_ 3
Métodos para trabajar con objetos
Ahora veremos como se agregan o eliminan en este caso propiedades a un objeto,

trabajaremos con el mismo objeto en ambos casos.
var persona = {
nombre: "Roberto",
edad: 33,
}
Para agregar una propiedad a un objeto se utiliza el objeto "." nombre de la nueva propiedad
y su valor.
persona.hobbies = ["programar","ver series"];

console.log(persona);
Resultado.
{
edad: 33
hobbies: [ "programar", "ver series" ]
nombre: "Roberto"
}
Y para eliminar una propiedad a un objeto.
delete persona.edad;
console.log(persona);
Resultado.
{
hobbies: [ "programar", "ver series" ]
nombre: "Roberto"
}
_ 4
Ejercicio propuesto (2)
Para el objeto que se mostrará a continuación, agrega una nueva propiedad denominada
“address” con el valor “Miguel Claro 1074, Providencia”. Luego elimina la propiedad
denominada “lugar” del objeto.
let academia = {
nombre: "Desafío Latam",
lugar: "Sin identificar",
carreras: "JavaScript"
};
_ 5
Solución de los ejercicios propuestos
1. De acuerdo a un arreglo facilitado, se debe agregar como primer término a ese

arreglo los elementos: “Hola, Saludos, Adios”, luego como último término los valores
de: “Casa, Edificio, Condominio”. Finalmente se deben eliminar el primer y el último
término del arreglo.
let cosas = ["Reloj", "Cuadro", "Escritorio", "Mueble", "Lampara"];

cosas.push("Hola","Saludos","Adios");
console.log(cosas)
cosas.unshift("Casa","Edificio","Condominio");
console.log(cosas);
cosas.pop();
console.log(cosas);
cosas.shift();
console.log(cosas);
2. Para el objeto que se mostrará a continuación, agrega una nueva propiedad

denominada “address” con el valor “Miguel Claro 1074, Providencia”. Luego elimina la
propiedad denominada “lugar” del objeto.
let academia = {
nombre: "Desafío Latam",
lugar: "Sin identificar",
carreras: "JavaScript"
};
academia.addres = "Miguel Claro 1074, Providencia";

console.log(academia);
delete academia.lugar;
console.log(academia);
_ 6

Hola 1

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Hola 1

Uploaded by

Copyright:

Available Formats

Métodos para trabajar con arreglos y objetos

Métodos para trabajar con arreglos

var array = ["elemento1", "elemento2", "elemento3"];

Para agregar elementos a un array podemos usar el método push o unshift.

// push() - Agrega elemento al final del array

Para eliminar elementos a un array podemos usar el método pop o shift

// pop() - Elimina último elemento del array

Ejercicio guiado: Agregando elementos al arreglo

let lista = ["Azúcar", "Cloro", "Papas", "Queso", "Jamón", "Pan"];

● Paso 2: Escribir la estructura básica de un documento HTML en el index.html, como

● Paso 4: Al ejecutar el código anterior y ver el resultado en la consola del navegador

Array(8) [ "Azúcar", "Cloro", "Papas", "Queso", "Jamón", "Pan", "Peras", "Pollo" ]

● Paso 5: Ahora podemos eliminar el primer y último elemento de la lista de compras

● Paso 6: Al ejecutar el código anterior y ver el resultado en la consola del navegador

Ejercicio propuesto (1)

let cosas = ["Reloj", "Cuadro", "Escritorio", "Mueble", "Lampara"];

Ahora veremos como se agregan o eliminan en este caso propiedades a un objeto,

persona.hobbies = ["programar","ver series"];

​Y para eliminar una propiedad a un objeto.

1. De acuerdo a un arreglo facilitado, se debe agregar como primer término a ese

let cosas = ["Reloj", "Cuadro", "Escritorio", "Mueble", "Lampara"];

2. Para el objeto que se mostrará a continuación, agrega una nueva propiedad

academia.addres = "Miguel Claro 1074, Providencia";

You might also like

Y para eliminar una propiedad a un objeto.