eliminar - ¿Cómo elimino objetos de una matriz asociativa javascript?

eliminar un elemento de un array javascript

Question

Supongamos que tengo este código:

var myArray = new Object();
myArray["firstname"] = "Bob";
myArray["lastname"] = "Smith";
myArray["age"] = 25;

Ahora, si quisiera eliminar "lastname"? ... ¿hay algún equivalente de
myArray["lastname"].remove() ?

(Necesito que desaparezca el elemento porque la cantidad de elementos es importante y quiero mantener todo limpio).

Answer 1

Al utilizar la palabra clave "delete" , eliminará el elemento de matriz de matriz en javascript.

Por ejemplo,

Considere las siguientes declaraciones.

var arrayElementToDelete = new Object();
arrayElementToDelete["id"] = "XERTYB00G1";
arrayElementToDelete["first_name"] = "Employee_one";
arrayElementToDelete["status"] = "Active";
delete arrayElementToDelete["status"];

La última línea del código eliminará el elemento de la matriz cuya clave es "estado" de la matriz.

Answer 2

Como han señalado otras respuestas, lo que está utilizando no es una matriz de Javascript, sino un objeto de Javascript, que funciona casi como una matriz asociativa en otros idiomas, excepto que todas las claves se convierten en cadenas. El nuevo Map almacena las claves como su tipo original.

Si tuviera una matriz y no un objeto, podría usar la función .filter la matriz, para devolver una nueva matriz sin el elemento que desea eliminar:

var myArray = [''Bob'', ''Smith'', 25];
myArray = myArray.filter(function(item) {
return item !== ''Smith'';
});

Si tiene un navegador antiguo y jQuery, jQuery tiene un método $.grep que funciona de manera similar:

myArray = $.grep(myArray, function(item) {
return item !== ''Smith'';
});

Answer 3

Es muy sencillo si tiene una dependencia de underscore.js en su proyecto:

_.omit(myArray, "lastname")

Answer 4

Eso solo elimina el objeto pero sigue manteniendo la misma longitud de la matriz.

Para eliminar necesitas hacer algo como:

array.splice(index, 1);

Answer 5

Está utilizando Objeto, no tiene una matriz asociativa para empezar. Con una matriz asociativa, agregar y eliminar elementos es así:

 Array.prototype.contains = function(obj)
{
var i = this.length;
while (i--)
{
if (this[i] === obj)
{
return true;
}
}
return false;
}
Array.prototype.add = function(key, value)
{
if(this.contains(key))
this[key] = value;
else
{
this.push(key);
this[key] = value;
}
}
Array.prototype.remove = function(key)
{
for(var i = 0; i < this.length; ++i)
{
if(this[i] == key)
{
this.splice(i, 1);
return;
}
}
}
// Read a page''s GET URL variables and return them as an associative array.
function getUrlVars()
{
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf(''?'') + 1).split(''&'');
for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split(''='');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
function ForwardAndHideVariables() {
var dictParameters = getUrlVars();
dictParameters.add("mno", "pqr");
dictParameters.add("mno", "stfu");
dictParameters.remove("mno");
for(var i = 0; i < dictParameters.length; i++)
{
var key = dictParameters[i];
var value = dictParameters[key];
alert(key + "=" + value);
}
// And now forward with HTTP-POST
aa_post_to_url("Default.aspx", dictParameters);
}
function aa_post_to_url(path, params, method) {
method = method || "post";
var form = document.createElement("form");
//move the submit function to another variable
//so that it doesn''t get written over if a parameter name is ''submit''
form._submit_function_ = form.submit;
form.setAttribute("method", method);
form.setAttribute("action", path);
for(var i = 0; i < params.length; i++)
{
var key = params[i];
var hiddenField = document.createElement("input");
hiddenField.setAttribute("type", "hidden");
hiddenField.setAttribute("name", key);
hiddenField.setAttribute("value", params[key]);
form.appendChild(hiddenField);
}
document.body.appendChild(form);
form._submit_function_(); //call the renamed function
}

Answer 6

Hay una forma elegante en la Guía de Estilo de Airbnb para hacer esto (ES7):

const myObject = {
a: 1,
b: 2,
c: 3
};
const { a, ...noA } = myObject;
console.log(noA); // => { b: 2, c: 3 }

Copyright: https://codeburst.io/use-es2015-object-rest-operator-to-omit-properties-38a3ecffe90

Answer 7

Ninguna de las respuestas anteriores aborda el hecho de que Javascript no tiene matrices asociativas para comenzar, no hay array tipo de array como tal, ver typeof .

Lo que Javascript tiene, son instancias de objetos con propiedades dinámicas. Cuando las propiedades se confunden con los elementos de una instancia de objeto de Array, entonces Bad Things ™ tiene que suceder:

Problema

var elements = new Array()
elements.push(document.getElementsByTagName("head")[0])
elements.push(document.getElementsByTagName("title")[0])
elements["prop"] = document.getElementsByTagName("body")[0]
console.log("number of elements: ", elements.length) // returns 2
delete elements[1]
console.log("number of elements: ", elements.length) // returns 2 (?!)
for (var i = 0; i < elements.length; i++)
{
// uh-oh... throws a TypeError when i == 1
elements[i].onmouseover = function () { window.alert("Over It.")}
console.log("success at index: ", i)
}

Solución

Para tener una función de eliminación universal que no explote en ti, usa:

Object.prototype.removeItem = function (key) {
if (!this.hasOwnProperty(key))
return
if (isNaN(parseInt(key)) || !(this instanceof Array))
delete this[key]
else
this.splice(key, 1)
};
//
// Code sample.
//
var elements = new Array()
elements.push(document.getElementsByTagName("head")[0])
elements.push(document.getElementsByTagName("title")[0])
elements["prop"] = document.getElementsByTagName("body")[0]
console.log(elements.length) // returns 2
elements.removeItem("prop")
elements.removeItem(0)
console.log(elements.hasOwnProperty("prop")) // returns false as it should
console.log(elements.length) // returns 1 as it should

Answer 8

Podemos usarlo también como una función. Angular arroja algún error si se usa como prototipo. Gracias @HarpyWar. Me ayudó a resolver un problema.

var removeItem = function (object, key, value) {
if (value == undefined)
return;
for (var i in object) {
if (object[i][key] == value) {
object.splice(i, 1);
}
}
};
var collection = [
{ id: "5f299a5d-7793-47be-a827-bca227dbef95", title: "one" },
{ id: "87353080-8f49-46b9-9281-162a41ddb8df", title: "two" },
{ id: "a1af832c-9028-4690-9793-d623ecc75a95", title: "three" }
];
removeItem(collection, "id", "87353080-8f49-46b9-9281-162a41ddb8df");

Answer 9

Puede eliminar una entrada de su mapa asignándola explícitamente a ''indefinido''. Como en tu caso:

myArray ["lastname"] = indefinido;

Answer 10

Si bien la respuesta aceptada es correcta, falta la explicación de por qué funciona.

En primer lugar, su código debe reflejar el hecho de que esto NO es una matriz:

var myObject = new Object();
myObject["firstname"] = "Bob";
myObject["lastname"] = "Smith";
myObject["age"] = 25;

Tenga en cuenta que todos los objetos (incluidos los Array s) se pueden utilizar de esta manera. Sin embargo, no espere que las funciones de matriz JS estándar (pop, push, ...) funcionen en los objetos.

Como se dijo en la respuesta aceptada, puede usar delete para eliminar las entradas de los objetos:

delete myObject["lastname"]

Debe decidir qué ruta desea tomar, ya sea usar objetos (arrays asociativos / diccionarios) o usar arrays (mapas). Nunca mezcles los dos.

Answer 11

Si, por alguna razón, la clave de eliminación no funciona (como tampoco funcionó para mí)

Puede dividirlo y luego filtrar los valores no definidos.

// to cut out one element via arr.splice(indexToRemove, numberToRemove);
array.splice(key, 1)
array.filter(function(n){return n});

No intente y encadéntelos ya que el empalme devuelve los elementos eliminados;

Answer 12

Todos los objetos en JavaScript se implementan como hashtables / arrays asociativos. Entonces, los siguientes son los equivalentes:

alert(myObj["SomeProperty"]);
alert(myObj.SomeProperty);

Y, como ya se indicó, usted "elimina" una propiedad de un objeto a través de la palabra clave delete , que puede usar de dos maneras:

delete myObj["SomeProperty"];
delete myObj.SomeProperty;

Espero que la información extra ayude ...

Answer 13

Use el método de splice para eliminar completamente el elemento de una matriz de objetos:

Object.prototype.removeItem = function (key, value) {
if (value == undefined)
return;
for (var i in this) {
if (this[i][key] == value) {
this.splice(i, 1);
}
}
};
var collection = [
{ id: "5f299a5d-7793-47be-a827-bca227dbef95", title: "one" },
{ id: "87353080-8f49-46b9-9281-162a41ddb8df", title: "two" },
{ id: "a1af832c-9028-4690-9793-d623ecc75a95", title: "three" }
];
collection.removeItem("id", "87353080-8f49-46b9-9281-162a41ddb8df");

Answer 14

Utilice la palabra clave "eliminar" en Javascript.

delete myArray["lastname"];

EDITAR:

En algunos motores de JavaScript, la palabra clave delete puede afectar el rendimiento, ya que deshará la optimización de compilación / JIT.

http://www.html5rocks.com/en/tutorials/speed/v8/ http://www.smashingmagazine.com/2012/11/writing-fast-memory-efficient-javascript/

Answer 15

var myArray = newmyArray = new Object();
myArray["firstname"] = "Bob";
myArray["lastname"] = "Smith";
myArray["age"] = 25;
var s = JSON.stringify(myArray);
s.replace(/"lastname[^,}]+,/g,'''');
newmyArray = JSON.parse(p);

Sin bucles / iteraciones obtenemos el mismo resultado.