15

Suponiendo que tengo el siguiente arreglo de objetos:

    var travelers = [
         {
           "name":"ana",
           "lastname":"gomez"
         },
         {
           "name":"juan",
           "lastname":"gomez"
         },
         {
           "name":"luis",
           "lastname":"gomez"
         },
         {
           "name":"pedro",
           "lastname":"gomez"
         }
    ];

Quisiera saber si ¿hay alguna manera de eliminar un objeto del arreglo en JavaScript puro o jQuery?, ingresando la posición del objeto que se quiere eliminar.

4 respuestas 4

10

Puedes usar splice:

Sintáxis:

array.splice(start, deleteCount[, item1[, item2[, ...]]])

Por ejemplo si quisieras borrar el tercer elemento de tu array:

travelers.splice(2, 1)

El array quedaría asi:

var travelers = [
     {
       "name":"ana",
       "lastname":"gomez"
     },
     {
       "name":"juan",
       "lastname":"gomez"
     },
     {
       "name":"pedro",
       "lastname":"gomez"
     }
];

Lo bueno de splice es que puedes obtener un sub-array que contiene lo que has eliminado, es decir, podrías guardarlo para después si quisieras:

var elementoEliminado = travelers.splice(2, 1);

La variable elementoEliminado contendría:

[
    {
        "name":"luis",
        "lastname":"gomez"
    }   
]

Por mi parte, lo he usado en algunas ocasiones como un tipo de relocalizador, por ejemplo, si quisieras pasar el primer objeto hacia el último como una suerte de rotación:

> var array = [1,2,3,4,5]
> array.push(array.splice(0, 1)[0])
> array
[2, 3, 4, 5, 1]
> array.push(array.splice(0, 1)[0])
> array
[3, 4, 5, 1, 2]

Aunque estoy seguro de que existen mejores maneras.


Otra opción es usar el operador delete, pero lo que hace esto en realidad es eliminar la propiedad:

Sintáxis:

delete expresión

Ejemplo:

delete travelers[0];

Ahora, si quisieras acceder al primer elemento te retornaría undefined, pero el índice existe, a diferencia de splice:

travelers[0] // undefined
8

Puede utilizar varios métodos para eliminar un elemento de la misma :

//1
travelers.shift(); // remover primer elemento
//2
travelers = travelers.slice(1); // remover primer elemento
//3
travelers.splice(0,1); // remover primer elemento
//4
travelers.pop(); // remover último elemento

si tu quieres remover el elemento de x posición, usa:

travelers.splice(x,1);

también puedes revisar esto: JavaScript Array Reference

4

Hay varias formas de eliminar elementos en javascript.

Array.prototype.splice

Para usar este metodo, se debe conocer el indice del elemento a eliminar.

var arreglo = [1,2,3,4,5];

var indice = arreglo.indexOf(3); // obtenemos el indice
arreglo.splice(indice, 1); // 1 es la cantidad de elemento a eliminar

console.log( arreglo );

Array.prototype.filter

Este método se introdujo en EcmaScript 5, utilizando filter

Versión para EcmaScript 5:

var arreglo = [1,2,3,4,5];

arreglo = arreglo.filter(function(i) { return i !== 3 }); // filtramos

console.log( arreglo );

Versión para EcmaScript 2015:

var arreglo = [1,2,3,4,5];

arreglo = arreglo.filter((i) => i !== 3); // filtramos

console.log( arreglo );

1
  • una pregunta se puede usar el filter en objetos ? por ejemplo en algo asi ...var tasks={ aaaa: {comer:'nada', cenar:'fruta'}, bbbb:{ comer:'algo', merendar:'ades'}}
    – Afi02
    Commented el 28 ago. 2020 a las 0:44
2

En Javascript existe el operador delete, el cual elimina una propiedad de un objeto (y en particular, también puede borrar un elemento en un arreglo).

El problema es que si bien borra el elemento del arreglo, no altera los otros índices del mismo arreglo. Por ejemplo:

var arboles = ['peumo', 'fresno', 'roble', 'acacio', 'pino'];
delete arboles[3];
if (3 in arboles) {
    // esta rama del código no se ejecuta
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.