脷ltima oportunidad para asegurar tu aprendizaje por 1 a帽o a precio especial

Antes: $249

Currency
$189/a帽o

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscr铆bete

Termina en:

0D
7H
32M
20S

Eliminando elementos de un Array

27/29

Lectura

El m茅todo .push() nos permite agregar uno o m谩s elementos al final de un array. A continuaci贸n veremos un ejemplo aplicado con un array que contiene n煤meros:

...

Reg铆strate o inicia sesi贸n para leer el resto del contenido.

Aportes 215

Preguntas 5

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

otro m茅todo que sirve para eliminar un arreglo seg煤n su 铆ndice es splice

var articulos = ['carro', 'celular', 'moto', 'tv', 'libro']; //eliminar moto

articulos.splice(2, 1); //el primer par谩metro especifica el 铆ndice del elemento que quiero eliminar, en este caso es moto
//y el segundo par谩metro especifica cuantos elementos del arreglo quiero eliminar, en este caso solo uno que es moto
//['carro', 'celular', 'tv', 'libro']

tambi茅n con este m茅todo se pueden modificar elementos de un arreglo seg煤n su 铆ndice

var articulos = ['carro', 'celular', 'moto', 'tv', 'libro']; /modificar moto

articulos.splice(2, 1, 'laptop'); /*se aplican los mismo par谩metros, pero esta vez se le agrega el valor al que queremos modificar*/
//['carro', 'celular', 'laptop', 'tv', 'libro']

Resumen:

Agregar al final= .push()
Eliminar al final= .pop()

Agregar al inicio= .unshift()
Eliminar al inicio= .shift()

鈥--------------鈥淢etodo para eliminar un Array mediante su posici贸n鈥------------鈥

<
var frutas = ["pera", "banana", "manzana", "trigo"]
//posicion  	0 		1		 2		 3

frutas.splice(pos,n潞 de elementos por eliminar) // metodo

//EJM:
frutas.splice(2,1)
frutas // [鈥減era鈥, 鈥渂anana鈥, 鈥渢rigo鈥漖

//EJM 2: mismo array
frutas.splice(2,2)
frutas // [鈥渕anzana鈥, 鈥渢rigo鈥漖
>

.splice(posicion, 1) empieza en la posicion(index) que nos indica el valor
de la variable posicion y elimina 1 elemento
N潞 de elementos por eliminar鈥> N潞 de elementos por eliminar a partir de la posici贸n

DOCUMENTACI脫N
Metodo .splice

Les comparto mis apuntes, tambi茅n:

  • filter () genera un array sobre un par谩metro verdadero o falso. 鈥淨uiero los valores que cuesten menos de 600 euros y me los pones con todos los campos鈥. Nos devuelve Var articulos = [{nombre: 鈥渂ici鈥, costo: 100}, {nombre: 鈥渢v鈥, costo: 500},]
  • map() genera un nuevo array con la condici贸n que se le ponga dentro de la funci贸n. Es la m谩s versatil, se puede simplemente que devuelva el campo costo todos, o que sume el ipc al costo y genere un array.
  • find() devuelve el valor del primer elemento del array que cumple la funci贸n de prueba proporcionada. Si es un array simple devuelve el valor, si es un array objeto devuelve todos los campos del objeto encontrado. . 鈥淨uiero los valores que cuesten menos de 600 euros y me los pones con todos los campos鈥. Nos devuelve Var articulos = [{nombre: 鈥渂ici鈥, costo: 100}]
  • forEach() recorre el array y ejecuta la funcion que se le indica pero sin crear un nuevo array, sino que modifica 茅ste. Para un array = [10, 20, 50] 鈥渦na funci贸n que multiplique por 2鈥 devolver铆a array = [20, 40, 100].
  • some() comprueba si al menos un elemento del array cumple con la condici贸n implementada por la funci贸n proporcionada. La salida ser谩 鈥渢rue鈥 o 鈥渇alse鈥.
  • push() nos permite agregar uno o m谩s elementos al final de un array. Pop() elimina el 煤ltimo elemento del array.
  • Unshift() para agregar al incio. Shift() para eliminar el elemento del inicio.
    驴C贸mo lo aplicamos? Con la sintaxis:
    nuevoArray = arrayInicial.map(funcion(par谩metro){
    return parametro*2;}
    O cualquier operaci贸n dentro de la funci贸n como 鈥渞eturn parametro.valor鈥 o < 500 etc鈥

Comparto los c贸digos 馃槃
.
.push
El m茅todo .push() nos permite agregar uno o m谩s elementos al final de un array.
A continuaci贸n veremos un ejemplo aplicado con un array que contiene n煤meros:
Array de n煤meros

let numArray = [1,2,3,4,5]

function newNum(){
  numArray.push(6,7)
}

newNum()  

// resultado [1,2,3,4,5,6,7]

Array de String


let txtArray = ["ana", "carlos", "karina", "luz"]

addCharacters();

function addCharacters(){
    txtArray.push("alex", "gaby")
    console.log(txtArray)
};

// resultado ["ana", "carlos", "karina", "luz","alex", "gaby")]

Eliminando elementos del Array
.
.shift()

Borra el 1er elemento de nuestro array

let array = ["ana", "carlos", "karina", "luz"]

let shiftArray = array.shift();
console.log(array);

// resultado [carlos", "karina", "luz"]

.pop()

Borra el ultimo elemento de nuestro array

let array = ["ana", "carlos", "karina", "luz"]

let shiftArray = array.pop();

console.log(array);
// resultado ["ana", "carlos", "karina"]

Los casos mas comunes en entornos reales son objetos. Por ejemplo se agregar铆a un item as铆:

var articulos = [
  { nombre: 'Bici', stock: 20, costo: 3000 },
  { nombre: 'TV', stock: 30, costo: 2500 },
  { nombre: 'Libro', stock: 24, costo: 320 },
  { nombre: 'Celular', stock: 4, costo: 10000 },
  { nombre: 'laptop', stock: 13, costo: 20000 },
  { nombre: 'teclado', stock: 33, costo: 500 },
  { nombre: 'audifonos', stock: 50, costo: 1700 }
];

//PUSH(). agrega item al final del array
articulos.push({ nombre: 'mouse', stock: 100, costo: 180});

/*
articulos
0: {nombre: "Bici", stock: 20, costo: 3000}
1: {nombre: "TV", stock: 30, costo: 2500}
2: {nombre: "Libro", stock: 24, costo: 320}
3: {nombre: "Celular", stock: 4, costo: 10000}
4: {nombre: "laptop", stock: 13, costo: 20000}
5: {nombre: "teclado", stock: 33, costo: 500}
6: {nombre: "audifonos", stock: 50, costo: 1700}
7: {nombre: "mouse", stock: 100, costo: 180}
*/

Al hacer un console.log al shftArray sabremos que elemento fue borrado

por ejemplo:

let array = [1,2,3,4,5]

console.log(array)
// Array (5)[ 1,2,3,4,5 ]

let shiftArray = array.shift()

console.log(shiftArray)
// 1

Falto el m茅todo splice que recibe la posici贸n del elemento y cuantos elementos desde la posici贸n desean eliminar y lo elimina ejemplo:

var articulos = ['Teclado','mouse','aud铆fonos'];
var eliminarArticulo = articulos.splice(2, 1)
console.log(articulos);

En este caso elimina los aud铆fonos ya que est谩n en posici贸n 2 de el arreglo y solo 1 elemento del arreglo de art铆culos

Y si quiero eliminar un registro que no es ni el primero y tampoco el 煤ltimo?

Para eso podemos utilizar la combinaci贸n de funciones indexOf (Ya la mostraron en clases anteriores, esta nos permite encontrar el 铆ndice del elemento que buscamos eliminar en el Array) y splice (Nos permite borrar X 铆ndice de un array).

Ejemplo:

`
var listaNumeros = [鈥渦no鈥,鈥渄os鈥,鈥渢res鈥漖;
var indiceEliminar = listaNumeros.indexOf(鈥渄os鈥); // nos devuelve 1
listaNumeros.splice(indiceEliminar,1); // El primer par谩metro que enviamos es el indice a eliminar, el segundo el n煤mero de registros que vamos a eliminar.

console.log(listaNumeros); // Imprime [鈥渦no鈥,鈥渢res鈥漖

`

Que buen Curso, aunque me hubiera gustado experimentarlo con el html por ejemplo que nos ense帽aras a realizar ese juego de papel piedra o tijera juntandolo con html, pero se que mas adelante lo podr茅 hacer, estoy muy animado a nunca para de aprender.

Hola @alejoriosrivas creo que hay una leve confusion con algunas funciones:
.filter(); devuelve un array con los elementos que cumplen la condici贸n.
.map();  Devuelve un array con alg煤n cambio, usualmente se usa para mutar los objetos de un arreglo que cumplan con la condici贸n.
.find(); Devuelve el primer elemento del array que cumpla con la condici贸n.
.forEach(); se puede usar para recorrer y hasta mutar el array actual pero no retorna uno nuevo.
.some(); devuelve un verdadero o falso, si al menos un elemento cumple la condici贸n solicitada.
.push(); agrega elementos al final del array.
.pop(); elimina el 煤ltimo elemento del array.
.shift(); elimina el primer elemento del array.
.unshift('elemento'); agrega un elemento al comienzo de una array.
alert(隆Perfecto!)

Un uso muy 煤til para el m茅todo .pop es para obtener la extensi贸n de un archivo, si combinan el m茅todo .split() y .pop() sobre el nombre de un archivo pueden obtener su extensi贸n f谩cilmente ^^

Ya veo porque la gente le encanta tanto JS, por la simpleza de su sintaxis. Al menos, yo que vengo de lenguajes fuertemente tipados como C, C++ o Java. Me esta encantando esto.

esto ya se habia explicado en una clase anterior鈥

Al contrario de shift()esta el m茅todo unshift() que agrega uno o m谩s elementos al inicio del array.

Los m茅todos se pueden llamar solo as铆 sin variable. Por ejemplo, con el array de articulos de los ejercicios pasados.

var articulos = [
  { nombre: "bici", costo: 3000 },
  { nombre: "TV", costo: 1500 },
  { nombre: "libro", costo: 320 },
  { nombre: "celular", costo: 10000 },
  { nombre: "Laptop", costo: 20000 },
  { nombre: "Teclado", costo: 500 },
  { nombre: "Audifono", costo: 1700 },
];

si ejecutamos

articulos.shift();

nos va a devolver

articulos
(6) [{鈥, {鈥, {鈥, {鈥, {鈥, {鈥]
0: {nombre: "TV", costo: 1500}
1: {nombre: "libro", costo: 320}
2: {nombre: "celular", costo: 10000}
3: {nombre: "Laptop", costo: 20000}
4: {nombre: "Teclado", costo: 500}
5: {nombre: "Audifono", costo: 1700}
length: 6

Si explicaron estos m茅todos creo que pudieron agregar tambi茅n el reduce(), slice(), splice() y el sort()

ELIMINAR UN ELEMENTO ESPEC脥FICO

var element = [1,2,3,4,5,6]
let borrar_element = element.splice(n,1);

n:es el 铆ndice del elemento n. en otras palabras la posici贸n, comenzando de 0, del elemento a eliminar
Felicitaciones por llegar hasta aqu铆, sigue aprendiendo y no te rindas, estamos para ayudarnos

alert("Estoy emocionado por aprender m谩s de JavaScript :)");

Basandome en los aportes del compa帽ero @drosander, salieron estos apuntes, espero les sirvan.

M茅todo splice para eliminar

var articles = ['car', 'phone', 'moto', 'TV', 'book']

articles.splice(2,1);

resultado [ 'car' , 'phone' ,  'TV' , 'book' ]

articles.splice(2,2);

resultado [ 'car' , 'phone']

Este m茅todo recibe 2 parametros, el primero es para identificar el indice del Array en el que nos vamos a ubicar, y el segundo es decir cu谩ntos elementos se van a elminar.

M茅todo splice para modificar

var articles = ['car', 'phone', 'moto', 'TV', 'book']

articles.splice(2,1,'laptop');

resultado [ 'car' , 'phone' , 'laptop' , 'TV' , 'book' ]

articles.splice(2, 2, 'desktop');

resultado [ 'car' , 'phone' , 'desktop' , 'book' ]

Cu谩ndo queremos modificar un elemento de un Array vamos a utilizar este m茅todo pero con un 3er par谩metro , que es el que va a determinar por que valor va a ser reemplazado el anterior. En caso que el segundo parametro sea mayor a 1, se va a modificar el elemento que se pidio, pero ademas se eliminan la cantidad de elementos descritos en el segundo par谩metro.

Por si alguno no lo ha notado, los m茅todos .shift(), y .pop(), no solo eliminan el elemento en cuesti贸n, adem谩s de eso retornan el elemento que eliminemos, por lo que podr铆amos guardar ese elemento en una variable, ejemplo:

var elementoEliminado = array.pop()

Recordar que tambi茅n existe unshift, que hace lo inverso a shift -> en vez de eliminar el primer elemento, agrega un elemento pero en la primera posici贸n, a diferencia de push que agrega pero en la ultima posici贸n.

Con este item del curso me quedo fue la duda de cual era el uso de let. Sobre el cual no hicimos uso durante el trayecto del curso. Pero leyendo documentaci贸n encontre esto:

"let te permite declarar variables limitando su alcance (scope) al bloque, declaraci贸n, o expresi贸n donde se est谩 usando. Lo anterior diferencia let de la palabra reservada var , la cual define una variable global o local en una funci贸n sin importar el "谩mbito del bloque."
Algo confuso que seria importante aclarar.

S

Los utilice as铆 sin funci贸n y tambi茅n corren me gusto mucho este curso

//Quitar el primer elemento del array solo que la podemos manejar con una funcion tambien
articulos.shift();

//Quitar el ultimo elemento del array solo que la podemos manejar con una funcion tambien
articulos.pop();

Esta Documentaci贸n resume todo lo que hemos visto acerca de arrays
https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array

Soy yo, o esto lo vimos en el m贸dulo de array ?

var miComentario = 鈥淎mo Platzi鈥;

Un curso b谩sico que termino dej谩ndonos en un nivel semi-pro!

馃挌 Este apartado permite, complementar la manipulaci贸n de un array.

//Array es un estructura de datos o lista de datos tipo Objecto
var frutas = [鈥淢anzana鈥, 鈥淧latano鈥, 鈥淐ereza鈥, 鈥淔resa鈥漖;

console.log(frutas);
console.log(frutas.length);
console.log(frutas[0]);
console.log(frutas.forEach(Element=> console.log(Element)));

var masFrutas = frutas.push(鈥淯vas鈥); //agrega al final

var ultimo = frutas.pop(鈥淯vas鈥); //elimina el ultimo elemento

var nuevaLongitud = frutas.unshift(鈥淧atilla鈥); // agrega al inicio

var borrarFruta = frutas.shift(鈥淧latano鈥); //elimina el primer elemento

var posicion = frutas.indexOf(鈥淐ereza鈥); //trae la posici贸n del Elemento

seria bueno tener un reto practico con las herramientas explicadas.

A seguir aprendiendo 馃

Excelente explicaci贸n.
Aqu铆 podemos encontrar mas sobre Javascript: https://www.w3schools.com/js/

驴Porqu茅 鈥渓et鈥 en lugar de 鈥渧ar鈥?

Miren 茅sto ! Lo explica sencillo, digerible y agradecidamente bien:
.
LINK AC脕 push-pop-shift-unshift-array-methods

Tambi茅n tenemos el m茅todo .unshift() que agrega un elemento pero al inicio del arreglo (el nuevo elemento pasar铆a a ser el 铆ndice 0).

Completado exitosamente, cuando vienes de aprender otros lenguajes conocer nuevos es m谩s sencillo 馃槃

Falt贸:
.unshift: Agrega elementos al comienzo del array

shift() vs pop() 鈫 elimina al principio vs final del array
unshift() vs push() 鈫 agrega al principio vs al final del array

mas claro que nunca :v

Gracias, quedo muy claro la explicaci贸n.

Tan claro como el agua! 馃槃

Espero que hayan finalizado muy bien el curso, les comparto mi resumen de este ultimo nodo.

  • Filter

Va a filtrar, va a a validar si algo es true or false y lo va a meter en un nuevo array sin modificar la original

var artiFiltrados = articulos.filter(function(articulo){

return articulo.costo 鈮 500 //Esto hace que regrese los valores dela array original que cumplan la condicion

});

  • Map

Genera un nuevo array en el cual puede quedar mapeado el dato que pidamos por ejemplo que nos de solo los nombres.

var nombreArticulos = articulos.map (function(articulo){
return articulo.nombre ;//trae la lista de valores relacionados a esa palabra clave.

  • Find

Devuelve el primer valor que coincide de la colecci贸n. Una vez que coincida con el valor en los resultados, no verificar谩 los valores restantes en la colecci贸n de matriz.

var encuentraArticulo = articulos.find(function(articulo){

return articulo.nombre === 鈥淟aptop鈥

}

  • forEach

No genera un nuevo array, Ejecuta lo que le definamos una vez por cada elemento de nuestro array.

articulos.forEach(function(articulo);{

console.log(articulo.nombre);

});

  • some

Valida un true or false

var articulosBaratos = articulos.some(function(articulo){

return articulo.costo 鈮 700;//esta es la pregunta a responder solo nos dir谩 true or false

});

  • splice

Elimina un elemento seg煤n su posici贸n

articulos.splice(2, 1)//Elimina el elemento de la posici贸n 2 y solo elimina un elemento.

Buena informaci贸n y muy bien explicada 馃槃

Graciass, eres muy buen profesorr!!

隆Excelente Diego!, me gust贸 mucho 茅ste curso, me llev贸 todo lo bueno de 茅l

profe muchas gracias excelente curso

Gracias, la verdad ha sido un excelente curso

Gracias, excelente curso b谩sico. Yo vengo trabajando con JS hace rato ya. Me tom茅 el curso como si fuera nuevo y siempre hay cosas que se aprenden 馃槂.

gracias

Dale coraz贸n a este comentario si le铆ste todo esta clase con la voz del profesor

que es 鈥渓et鈥?

Muy bien!
Aunque ya se hab铆an explicado en clase la verdad hab铆a olvidado que lo hab铆amos visto.
Gracias platzi 鉂わ笍

Observo que este art铆culo presenta lo visto en la clase 14.

馃惐鈥嶐煉

Mis apuntes del curso

Tambien tenemos el metodo .splice()

funciona de la siguiente forma
x=posicion desde donde se va a empezar a eliminar
y=cuantos elementos se va a eliminar
z=lo que se va apregar 鈥淓l z es opcional鈥
.splice(x,y,z);

Documentacion

Dato curioso, al almacenar en una variable los m茅todos shift() o pop(), se almacena lo que devuelve, lo cual es un 1 en caso de el m茅todo sea ejecutado con 茅xito y el cambio se ve en el array original.

Entendido! 馃槃

Hola tengo una duda y si se quiere eliminar alg煤n dato que este en medio del array, como se puede hacer?

Repasando:

shift()     -> Elimina el elemento al principio del arreglo
pop()      -> Elimina el elemento al final del arreglo
unshift() -> Agrega el elemento al principio del arreglo
shift()     -> Agrega el elemento al final del arreglo

Les dejo un poco de documentacion extra鈥

驴Qu茅 es un Array en Javascript?

// Array de n煤meros

let numArray = [1,2,3,4,5]

function newNum(){
  numArray.push(6,7)
}

newNum()


// --- SHIFT ---

//Creamos el array
let array = [1,2,3,4,5]
console.log(array)

// Aplicamos .shift()
let shiftArray = array.shift()

//Revisamos. El output debe de ser [2,3,4,5]
console.log(array)

// --- POP ---

//Creamos el array
let array = [1,2,3,4,5]
console.log(array)

// Aplicamos .shift()
let shiftArray = array.pop()

//Revisamos. El output debe de ser [1,2,3,4]
console.log(array)

Hola chicos,
aqui un caso de uso en algunos metodos, para utilizar en arrays, podran ver uno muy interesante, un uso del metodo .some(), donde lo que he hecho es que, tomando en cuenta que este devuelve un valor true o false, lo agregue dentro de un if(), al principio, no sabia si funcionaria, cuando vi que funciono, me quede sumamente sorprendido. No solo por mi habilidad, sino porque JS corre lo que sea (lo dice alguien que programa en java)

2)
3)
LOS QUE USAMOS AQUI:

Buen calienta cerebros esta lectura. Me hubiera gustado qeu se hable del m茅todo reduce. Entend铆 todos los cursos. Gracias profesor.

Les comparto el proceso que tome para identificar de que tipo es la variable que tengo.
.
Luego sus elementos y valores para finalizar modificando uno de estos.

waos

27/30 Eliminando elementos de un Array

El m茅todo .push() agrega elementos al final de un array y el m茅todo .shift() elimina el primer elemento de un array.

Si queremos eliminar el 煤ltimo elemento, podemos usar el m茅todo .pop()

Ejemplo con .push()

// Creamos un array vacio

let numeros = [];

// Agregamos elementos al final del array con .push()
numeros.push(1);
numeros.push(2);
numeros.push(3);

console.log(numeros); // Imprime [1, 2, 3]

En este ejemplo creamos un array vac铆o llamado 鈥渘umeros鈥 y utilizamos el m茅todo .push() para agregar los n煤meros 1, 2 y 3 al final del array.

Ejemplo con .shift()

// creamos un array con varios elementos

let numeros = [1, 2, 3, 4, 5];

// Elminamos el primer elemento del array con .shift()
numeros.shift();

console.log(numeros); // Imprime [2, 3, 4, 5]

En este ejemplo creamos un array llamado 鈥渘umeros鈥 con los n煤meros del 1 al 5 y utilizamos el m茅todo .shift() para eliminar el primer elemento del array, que es el n煤mero 1.

Ejemplo con .pop()

// Creamos un array con varios elementos

let numeros = [1, 2, 3, 4, 5];

// Eliminamos el 煤ltimo elemento del array con .pop()
numeros.pop();

console.log(numeros); // Imprime [1, 2, 3, 4]

En este ejemplo creamos un array llamado 鈥渘umeros鈥 con los n煤meros de 1 al 5 y utilizamos el m茅todo .pop() para eliminar el 煤ltimo elemento del array, que es el n煤mero 5.

Con const ya no ser铆a necesario crear una funci贸n para llamar la variable.

const newArry = [1, 2, 3, 4, 5];
newArry.push(6, 7);
console.log(newArry);

el resultado ser铆a [1, 2, 3, 4, 5, 6, 7]

Recuerden al final mandar llamar el nuevo array como una funci贸n con (). A mi no me sal铆a hasta que puse los par茅ntesis jeje

Por si alguno vi贸 raro que en este caso usaron let en vez de var
https://www.youtube.com/watch?v=bvkY9ey83yY&ab_channel=LaCocinadelC贸digo

Me hacen falta los apuntes de Andr茅s Guano en esta clase, jajaja. Son demasiado buenos

EDIT: Ahora que lo veo, en los apuntes de Andr茅s Guano ya se habia hablado de esto. CRACK

.shift() para eliminar el elemento que est谩 en la lista en el 铆ndice 0.
.pop() para eliminar el elemento que est谩 en la lista en el 煤ltimo 铆ndice

Continue con el array Articulos mientras probaba los dem谩s m茅todos.


Espero les sirva mis apuntes

var articulos = [
    {nombre: "Bici", costo: 3000},
    {nombre: "TV", costo:2500},
    {nombre:"Libro", costo:320},
    {nombre:"Celular", costo:1850},
    {nombre:"Laptop", costo:20000},
    {nombre:"Teclado", costo:150},
    {nombre:"Mouse", costo:600},
    {nombre:"Audifonos", costo:1320},
    {nombre:"Parlante", costo:10000},
]

// Metodo filter
var articulosFiltrados = articulos.filter(
    function(articulo){
        return articulo.costo <= 5000;
});

// Metodo map
var articulosListados = articulos.map(
    function(articulo){
        return articulo.nombre;
    }
);

// Metodo find
var articuloBuscado = articulos.find(
    function(articulo){
        return articulo.nombre === "TV"
    }
);

// Metodo foreach
articulos.forEach(
    function (articulo) {
        console.log(`El articulo "${articulo.nombre}
        tiene un costo de ${articulo.costo}"`);
    }
);

// Metodo some
var articulosBaratos = articulos.some(
    function(articulo) {
        return articulo.costo <= 700;
    }
);

// Metodo para poder hacer Push de nuevos articulos
function articulo(nombre,costo){
    this.nombre = nombre;
    this.costo = costo;
}

// Metodo Push
function agregarArticulo(nombre, costo){
    nombre = "Heladera";
    costo = 8000;
    articulos.push(new articulo(nombre, costo));
    return console.log({articulos});
}
agregarArticulo();

// Metodo shift (elimina el articulo de indice 0/primer item)
articulosShift = articulos.shift();

// Metodo pop (eliminar el articulo de indice final/煤ltmo)
articulosPop = articulos.pop();

eliminar un elemento al inicio del array .shift ( )
eliminar un elemento al final del array .pop ( )

la funcion slide es muy util para eliminar la key deseada, pq en la realidad uno no elimina o el primero o el ultimo

De igual forma para seguir a帽adiendo objetos a nuestro array hay que hacer la estructura dentro de la funci贸n.

function newArticulo(){
 articulos.push(
{nombre : "Tablet", precio : 18000},
{nombre : "Bateria", precio : 1800},
{nombre : "Raton", precio : 34222},
{nombre : "Cpu", precio : 6543},
{nombre : "Monitor", precio : 877},
{nombre : "Espejo", precio : 388},
{nombre : "Silla", precio : 344},
{nombre : "Mueble", precio : 5444},
{nombre : "Lampara", precio : 6556},
{nombre : "Alimento", precio : 5600},
{nombre : "Zapatilla", precio : 900},
)
console.log(articulos)
}

.push() nos permite agregar uno o m谩s elementos al final de un array.

.unshift() nos permite agregar uno o m谩s elementos al inicio de un array.

.shift() eliminar el primer elemento de un array.

.pop() eliminar谩 el 煤ltimo elemento de un array.

Para los nuevos como yo dejo mi aporte comentado

// metodo .push() este metodo agrega un elemento al final del array
let array = [1, 2, 3, 4, 5];
// agrega un elemento al final del array

//funcion
function newNum() {
    //agrega un elemento al final del array
    numArray.push(6, 7, 8, 9, 10);
    // reviso el array que ahora tiene los numeros agragados
    console.log(numArray);
}
// llamo a la funcion
newNum(); // resultado: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

// metodo .pop() este metodo elimina el ultimo elemento del array
// array inicial
let array = [1, 2, 3, 4, 5];
// elimina el ultimo elemento del array
let shiftArray = array.pop();
// reviso el array que ahora tiene los numeros eliminados
console.log(array); // resultado: [1, 2, 3, 4]

// metodo .shift() // este metodo elimina el primer elemento del array
// array inicial
let array = [1, 2, 3, 4, 5];
// elimina el primer elemento del array
let shiftArray = array.shift();
// reviso el array que ahora tiene los numeros eliminados
console.log(array); // resultado: [2, 3, 4, 5]

// metodo .unshift() // este metodo agrega un elemento al inicio del array
// array inicial
let array = [1, 2, 3, 4, 5];
// agrega un elemento al inicio del array
let unshiftArray = array.unshift(0);
// reviso el array que ahora tiene los numeros agragados
console.log(array); // resultado: [0, 1, 2, 3, 4, 5]```

/*
Creamos un array de estudiantes
*/

let estudiantes = [鈥淎ndres鈥, 鈥淛esus鈥, 鈥淢aria鈥, 鈥淲illiam鈥, 鈥淎driana鈥, 鈥淧aulo鈥漖

/*
Se crean los metodos para agregar estudiantes
*/

function agregarEstudiante(){
//estudiantes.push = prompt(鈥渁grege el estudiante鈥,"");
estudiantes.push(鈥淎lvaro鈥,鈥淒aniel鈥);
console.log(estudiantes);
}

function agregarEstudianteInicio (){
//estudiantes.unshift = prompt(鈥淎gregar estudiante al inicio del arreglo鈥,"");
estudiantes.unshift(鈥淛oaquin鈥);
console.log(estudiantes);
}

/*
Se crean los metodos para eliminar estudiantes
*/

function eliminarUltimoEstudiante (){
//estudiantes.pop = prompt(鈥渆limine el ultimo estudiante del arreglo鈥);
estudiantes.pop(鈥淧aulo鈥);
console.log(estudiantes);
}

function eliminarEstudianteInicio (){
//estudiantes.shift = prompt(鈥淓liminar estudiante al inicio del arreglo鈥,"");
estudiantes.shift(鈥淎ndres鈥);
console.log(estudiantes);
}

buena explicacion

let array = [1,2,3,4];
console.log(array);

let shifArray = array.pop()
console.log(array);

var masFrutas6 = frutas.splice(2, 1); // elimina un elemento del array
var masFrutas7 = frutas.slice(1, 3); // crea un nuevo array con los elementos del array original

muchisimas gracias la practica hace al maestro as que aqui vamos

Es importante tener en cuenta que tanto shift() como pop() no s贸lo eliminan el primer y 煤ltimo elemento del array respectivamente, sino que estos m茅todos usualmente se usan acompa帽ados por variables que al final tendr谩n el valor del elemento eliminado.

No encuentro la diferencia con la clase 14. Arrays en donde explicaba:
.push a帽ade elementos al final de la lista
.pop elimina el 煤ltimo elemento agregado
.unshift a帽ade elementos al inicio de la lista
.shift elimina el primer elemento de la lista
.indexof nos ayuda a saber el index de un elemento para llamar y hacer algo con 茅l. Es para arrays grandes.

Arrays

Ya lo hab铆amos visto, pero gracias.

Les dejo una muy buena lectura sobre muchos otros m茅todos con sus explicaciones, como la explicaci贸n de slice:

//Creo un array
var comida=["pera","comida","espinaca","manzana"];
//Lo que hace slice es seg煤n el 铆ndice imprimir o regresar los elementos contenidos entre 1 a 3, sin regresar el elemento que tiene el 铆ndice 3.
console.log(comida.slice(1,3));
//El resultado es:
(2)[ comida,espinaca ]

https://es.javascript.info/array-methods

//Reto Crear una funcion que agregue productos al final de mi Array
// Declarar mi Array de objetos en este caso Productos

let productos = [
    { nombre: "Chifles", costo: 1 },
    { nombre: "Rompope", costo: 10 },
    { nombre: "Queso", costo: 3 },
    { nombre: "Dulces", costo: 2 },
    { nombre: "Salprieta", costo: 4 },
    { nombre: "Mani", costo: 6 },
    { nombre: "Mantequilla", costo: 3 },
];

// Declaro la funci贸n para agregar productos con los datos ingresados por el usuario al final del Array

function nuevoProducto() {
    let nombredelProducto = prompt("Ingresa el nombre del producto");
    let costodelProdcuto = prompt("Ingresa el costo del producto");
    productos.push({nombre: nombredelProducto, costo: costodelProdcuto });
    console.log(productos)
}

nuevoProducto(); // Igresamos las variables que son el Nombre del producto y el costo y obtenemos los elementos del Array productos m谩s el producto agregado.

Excelente clase como un abrebocas para comenzar en javascript, vamos por mas