Suponha que eu tenha esse código:

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

Agora, se eu queria remover "sobrenome"? .... existe algum equivalente a
myArray["lastname"].remove()?

(Preciso que o elemento seja removido porque o número de elementos é importante e quero manter as coisas limpas.)

Objetos em JavaScript podem ser vistos como matrizes associativas, mapeando chaves (propriedades) para valores.

Para remover uma propriedade de um objeto em JavaScript, use o deleteoperador:

const o = { lastName: 'foo' }
o.hasOwnProperty('lastName') // true
delete o['lastName']
o.hasOwnProperty('lastName') // false

Observe que quando deleteaplicado a uma propriedade de índice de um Array, você criará uma matriz escassamente povoada (ou seja, uma matriz com um índice ausente).

Ao trabalhar com instâncias de Array, se você não deseja criar uma matriz escassamente povoada - e geralmente não o faz -, use Array#spliceou Array#pop.

Observe que o deleteoperador em JavaScript não libera memória diretamente. Seu objetivo é remover propriedades dos objetos. Obviamente, se uma propriedade que está sendo excluída tiver a única referência restante para um objeto o, ela oserá posteriormente coletada como lixo normalmente.

O uso do deleteoperador pode afetar a capacidade dos mecanismos JavaScript de otimizar o código .

Todos os objetos em JavaScript são implementados como hashtables / matrizes associativas. Portanto, o seguinte é o equivalente:

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

E, como já indicado, você "remove" uma propriedade de um objeto por meio da deletepalavra - chave, que pode ser usada de duas maneiras:

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

Espero que a informação extra ajude ...

Nenhuma das respostas anteriores aborda o fato de que o Javascript não possui matrizes associativas para começar - não há nenhum arraytipo como tal, consulte typeof.

O que o Javascript possui, são instâncias de objetos com propriedades dinâmicas. Quando as propriedades são confundidas com elementos de uma instância de objeto Array, Bad Things ™ acontece:

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)
}

Solução

Para ter uma função de remoção universal que não explode em você, use:

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

Isso remove apenas exclui o objeto, mas ainda mantém o mesmo comprimento da matriz.

Para remover, você precisa fazer algo como:

array.splice(index, 1);

Embora a resposta aceita esteja correta, falta a explicação do motivo pelo qual ela funciona.

Primeiro de tudo, seu código deve refletir o fato de que NÃO é uma matriz:

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

Observe que todos os objetos (incluindo Arrays) podem ser usados ​​dessa maneira. No entanto, não espere que as funções padrão da matriz JS (pop, push, ...) funcionem em objetos!

Como dito na resposta aceita, você pode usar deletepara remover as entradas dos objetos:

delete myObject["lastname"]

Você deve decidir qual rota deseja seguir - use objetos (matrizes / dicionários associativos) ou use matrizes (mapas). Nunca misture os dois.

Use o método splicepara remover completamente o item de uma 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");

Como outras respostas observaram, o que você está usando não é uma matriz Javascript, mas um objeto Javascript, que funciona quase como uma matriz associativa em outros idiomas, exceto que todas as chaves são convertidas em strings. O novo mapa armazena chaves como seu tipo original.

Se você tivesse uma matriz e não um objeto, poderia usar a função .filter da matriz para retornar uma nova matriz sem o item que você deseja remover:

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

Se você possui um navegador mais antigo e o jQuery, o jQuery possui um $.grepmétodo que funciona da mesma forma:

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

Há uma maneira elegante no Guia de Estilo do Airbnb para fazer isso (ES7):

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

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

Você está usando Objeto, não está tendo uma matriz associativa para começar. Com uma matriz associativa, adicionar e remover itens é assim:

    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
    }

Você pode remover uma entrada do seu mapa atribuindo-a explicitamente a 'indefinida'. Como no seu caso:

myArray ["lastname"] = indefinido;

Se, por qualquer motivo, a chave de exclusão não estiver funcionando (como se não estivesse funcionando para mim)

Você pode dividir e filtrar os valores indefinidos

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

Não tente encadeá-los, pois a emenda retorna os elementos removidos;

Também podemos usá-lo como uma função. Angular gera algum erro se usado como protótipo. Obrigado @HarpyWar. Isso me ajudou a resolver um 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");

É muito simples se você tiver dependência de underscore.js no seu projeto -

_.omit(myArray, "lastname")

Usando a "delete"palavra-chave, ele excluirá o elemento da matriz em javascript.

Por exemplo,

Considere as seguintes instruções.

var arrayElementToDelete = new Object();

arrayElementToDelete["id"]           = "XERTYB00G1"; 
arrayElementToDelete["first_name"]   = "Employee_one";
arrayElementToDelete["status"]       = "Active"; 

delete arrayElementToDelete["status"];

A última linha do código removerá o elemento da matriz cuja chave é "status" da matriz.

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);

Sem repetir / iterar, obtemos o mesmo resultado

Para "Matrizes":

Se você conhece o índice:

array.splice(index, 1);

Se você conhece o valor:

function removeItem(array, value) {
    var index = array.indexOf(value);
    if (index > -1) {
        array.splice(index, 1);
    }
    return array;
}

A resposta mais votada para deletefunciona bem no caso de objetos, mas não para as matrizes reais. Se eu usá- deletelo remove elementos de loops, mas mantém o elemento como emptye o comprimento da matriz não muda. Isso pode ser um problema em alguns cenários.

Por exemplo, se eu executar myArray.toString () no myArray após a remoção, deleteele criará uma entrada vazia, ou seja,

O único método de trabalho para mim:

function removeItem (array, value) {
    var i = 0;
    while (i < array.length) {
        if(array[i] === value) {
            array.splice(i, 1);
        } else {
            ++i;
        }
    }
    return array;
}

uso:

var new = removeItem( ["apple","banana", "orange"],  "apple");
// ---> ["banana", "orange"]