Misalkan saya punya kode ini:

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

Sekarang jika saya ingin menghapus "nama belakang"? .... apakah ada yang setara
myArray["lastname"].remove()?

(Saya perlu elemen hilang karena jumlah elemen penting dan saya ingin menjaga semuanya tetap bersih.)

Objek dalam JavaScript dapat dianggap sebagai array asosiatif, kunci pemetaan (properti) ke nilai.

Untuk menghapus properti dari objek dalam JavaScript, Anda menggunakan deleteoperator:

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

Perhatikan bahwa ketika deletediterapkan ke properti indeks dari Array, Anda akan membuat array yang jarang diisi (mis., Array dengan indeks yang hilang).

Ketika bekerja dengan instance Array, jika Anda tidak ingin membuat array yang jarang diisi - dan biasanya tidak - maka Anda harus menggunakan Array#spliceatau Array#pop.

Perhatikan bahwa deleteoperator dalam JavaScript tidak langsung membebaskan memori. Tujuannya adalah untuk menghapus properti dari objek. Tentu saja, jika properti yang dihapus menyimpan satu-satunya referensi yang tersisa untuk suatu objek o, maka oselanjutnya akan menjadi sampah yang dikumpulkan dengan cara normal.

Menggunakan deleteoperator dapat memengaruhi kemampuan mesin JavaScript untuk mengoptimalkan kode .

Semua objek dalam JavaScript diimplementasikan sebagai hashtables / array asosiatif. Jadi, berikut ini adalah yang setara:

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

Dan, sebagaimana telah ditunjukkan, Anda "menghapus" properti dari objek melalui deletekata kunci, yang dapat Anda gunakan dengan dua cara:

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

Semoga info tambahan membantu ...

Tak satu pun dari jawaban sebelumnya membahas fakta bahwa Javascript tidak memiliki array asosiatif untuk memulai - tidak ada arraytipe seperti itu, lihat typeof.

Apa yang dimiliki Javascript, adalah instance objek dengan properti dinamis. Ketika properti bingung dengan elemen-elemen dari instance objek Array maka Bad Things ™ pasti akan terjadi:

Masalah

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

Larutan

Untuk memiliki fungsi penghapusan universal yang tidak meledak pada Anda, gunakan:

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

Itu hanya menghapus menghapus objek tetapi masih mempertahankan panjang array yang sama.

Untuk menghapus Anda perlu melakukan sesuatu seperti:

array.splice(index, 1);

Meskipun jawaban yang diterima benar, namun tidak ada penjelasan mengapa itu berhasil.

Pertama-tama, kode Anda harus mencerminkan fakta bahwa ini BUKAN array:

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

Perhatikan bahwa semua objek (termasuk Arrays) dapat digunakan dengan cara ini. Namun, jangan berharap fungsi array JS standar (pop, push, ...) berfungsi pada objek!

Seperti yang dikatakan dalam jawaban yang diterima, Anda dapat menggunakan deleteuntuk menghapus entri dari objek:

delete myObject["lastname"]

Anda harus memutuskan rute mana yang ingin Anda ambil - baik menggunakan objek (array asosiatif / kamus) atau menggunakan array (peta). Jangan pernah mencampur keduanya.

Gunakan metode spliceuntuk sepenuhnya menghapus item dari array objek:

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

Seperti jawaban lain telah dicatat, apa yang Anda gunakan bukan array Javascript, tetapi objek Javascript, yang bekerja hampir seperti array asosiatif dalam bahasa lain kecuali bahwa semua kunci dikonversi ke string. Peta baru menyimpan kunci sebagai tipe aslinya.

Jika Anda memiliki array dan bukan objek, Anda bisa menggunakan fungsi .filter array , untuk mengembalikan array baru tanpa item yang ingin Anda hapus:

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

Jika Anda memiliki peramban dan jQuery yang lebih lama, jQuery memiliki $.grepmetode yang berfungsi serupa:

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

Ada cara yang elegan dalam Panduan Gaya Airbnb untuk melakukan ini (ES7):

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

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

Anda menggunakan Object, Anda tidak memiliki array asosiatif untuk memulai. Dengan array asosiatif, menambah dan menghapus item berjalan seperti ini:

    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
    }

Anda dapat menghapus entri dari peta Anda dengan menetapkannya secara eksplisit ke 'tidak terdefinisi'. Seperti dalam kasus Anda:

myArray ["lastname"] = undefined;

Jika karena alasan apa pun tombol hapus tidak berfungsi (seperti itu tidak berfungsi untuk saya)

Anda dapat memisahkannya dan kemudian memfilter nilai yang tidak ditentukan

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

Jangan coba-coba dan rantai mereka karena sambungan mengembalikan elemen dihapus;

Kita juga bisa menggunakannya sebagai fungsi. Angular melempar beberapa kesalahan jika digunakan sebagai prototipe. Terima kasih @HarpyWar. Itu membantu saya memecahkan masalah.

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

Sangat mudah jika Anda memiliki ketergantungan garis bawah dalam proyek Anda -

_.omit(myArray, "lastname")

Dengan menggunakan "delete"kata kunci, itu akan menghapus elemen array dari array di javascript.

Sebagai contoh,

Pertimbangkan pernyataan berikut.

var arrayElementToDelete = new Object();

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

delete arrayElementToDelete["status"];

Baris terakhir dari kode akan menghapus elemen array yang kuncinya "status" dari array.

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

Tanpa perulangan / iterates kita mendapatkan hasil yang sama

Untuk "Array":

Jika Anda tahu indeksnya:

array.splice(index, 1);

Jika Anda tahu nilainya:

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

Jawaban yang paling banyak dipilih untuk deletebekerja dengan baik dalam hal objek tetapi tidak untuk array nyata. Jika saya menggunakannya deletemenghapus elemen dari loop tetapi membuat elemen emptydan panjang array tidak akan berubah. Ini mungkin menjadi masalah dalam beberapa skenario.

Sebagai contoh, jika saya melakukan myArray.toString () pada myArray setelah penghapusan melalui deleteitu menciptakan entri kosong yaitu ,,

Satu-satunya metode yang bekerja untuk saya:

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

pemakaian:

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