Giả sử tôi có mã này:

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

Bây giờ nếu tôi muốn xóa "họ"? .... thì có tương đương
myArray["lastname"].remove()không?

(Tôi cần phần tử biến mất vì số lượng phần tử là quan trọng và tôi muốn giữ mọi thứ sạch sẽ.)

Các đối tượng trong JavaScript có thể được coi là mảng kết hợp, khóa ánh xạ (thuộc tính) thành các giá trị.

Để xóa thuộc tính khỏi một đối tượng trong JavaScript, bạn sử dụng deletetoán tử:

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

Lưu ý rằng khi deleteđược áp dụng cho thuộc tính chỉ mục của an Array, bạn sẽ tạo một mảng dân cư thưa thớt (nghĩa là một mảng có chỉ mục bị thiếu).

Khi làm việc với các phiên bản của Array, nếu bạn không muốn tạo một mảng dân cư thưa thớt - và bạn thường không - thì bạn nên sử dụng Array#splicehoặc Array#pop.

Lưu ý rằng deletetoán tử trong JavaScript không trực tiếp giải phóng bộ nhớ. Mục đích của nó là để loại bỏ các thuộc tính từ các đối tượng. Tất nhiên, nếu một thuộc tính bị xóa giữ tham chiếu duy nhất còn lại cho một đối tượng o, thì sau đó osẽ là rác được thu thập theo cách thông thường.

Sử dụng deletetoán tử có thể ảnh hưởng đến khả năng tối ưu hóa mã của công cụ JavaScript .

Tất cả các đối tượng trong JavaScript được triển khai dưới dạng hashtables / mảng kết hợp. Vì vậy, sau đây là tương đương:

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

Và, như đã chỉ ra, bạn "xóa" một thuộc tính khỏi một đối tượng thông qua deletetừ khóa, mà bạn có thể sử dụng theo hai cách:

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

Hy vọng thông tin thêm sẽ giúp ...

Không có câu trả lời nào trước đây đề cập đến thực tế là Javascript không có mảng kết hợp để bắt đầu - không có arrayloại nào như vậy, xem typeof.

Javascript có gì, là các thể hiện đối tượng có thuộc tính động. Khi các thuộc tính bị nhầm lẫn với các phần tử của một đối tượng Array thì Bad Things ™ bị ràng buộc xảy ra:

Vấn đề

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

Giải pháp

Để có chức năng loại bỏ phổ quát không làm bạn thất vọng, hãy sử dụng:

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

Điều đó chỉ loại bỏ xóa đối tượng nhưng vẫn giữ nguyên chiều dài mảng.

Để loại bỏ bạn cần làm một cái gì đó như:

array.splice(index, 1);

Trong khi câu trả lời được chấp nhận là chính xác, nó thiếu phần giải thích tại sao nó hoạt động.

Trước hết, mã của bạn phải phản ánh thực tế rằng đây KHÔNG phải là một mảng:

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

Lưu ý rằng tất cả các đối tượng (bao gồm cả Arrays) có thể được sử dụng theo cách này. Tuy nhiên, đừng mong đợi các hàm mảng JS tiêu chuẩn (pop, đẩy, ...) hoạt động trên các đối tượng!

Như đã nói trong câu trả lời được chấp nhận, sau đó bạn có thể sử dụng deleteđể xóa các mục khỏi đối tượng:

delete myObject["lastname"]

Bạn nên quyết định tuyến đường nào bạn muốn đi - sử dụng các đối tượng (mảng kết hợp / từ điển) hoặc sử dụng mảng (bản đồ). Không bao giờ trộn lẫn hai người họ.

Sử dụng phương thức spliceđể loại bỏ hoàn toàn mục khỏi một mảng đối tượng:

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

Như các câu trả lời khác đã lưu ý, những gì bạn đang sử dụng không phải là một mảng Javascript, mà là một đối tượng Javascript, hoạt động gần giống như một mảng kết hợp trong các ngôn ngữ khác ngoại trừ tất cả các khóa được chuyển đổi thành chuỗi. Bản đồ mới lưu trữ các khóa như loại ban đầu của chúng.

Nếu bạn có một mảng và không phải là một đối tượng, bạn có thể sử dụng mảng đó hàm .filter , để trả về một mảng mới mà không cần xóa mục bạn muốn:

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

Nếu bạn có trình duyệt cũ hơn và jQuery, jQuery có một $.grepphương thức hoạt động tương tự:

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

Có một cách thanh lịch trong Hướng dẫn về Phong cách của Airbnb để làm điều này (ES7):

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

Bản quyền: https://codeburst.io/use-es2015-object-rest-operator-to-omit-properies-38a3ecffe90

Bạn đang sử dụng Object, bạn không có một mảng kết hợp để bắt đầu. Với một mảng kết hợp, việc thêm và xóa các mục sẽ diễn ra như sau:

    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
    }

Bạn có thể xóa một mục khỏi bản đồ của mình bằng cách gán rõ ràng cho mục 'không xác định'. Như trong trường hợp của bạn:

myArray ["lastname"] = không xác định;

Nếu vì lý do nào đó, phím xóa không hoạt động (như nó không hoạt động với tôi)

Bạn có thể ghép nó ra và sau đó lọc các giá trị không xác định

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

Đừng thử và xâu chuỗi chúng vì mối nối trả về các phần tử bị loại bỏ;

Chúng ta có thể sử dụng nó như là một chức năng quá. Angular ném một số lỗi nếu được sử dụng như một nguyên mẫu. Cảm ơn @HarpyWar. Nó giúp tôi giải quyết một vấn đề.

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

Nó rất thẳng về phía trước nếu bạn có sự phụ thuộc underscore.js trong dự án của bạn -

_.omit(myArray, "lastname")

Bằng cách sử dụng "delete"từ khóa, nó sẽ xóa phần tử mảng khỏi mảng trong javascript.

Ví dụ,

Hãy xem xét các tuyên bố sau.

var arrayElementToDelete = new Object();

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

delete arrayElementToDelete["status"];

Dòng cuối cùng của mã sẽ loại bỏ phần tử mảng là khóa "trạng thái" khỏi mảng.

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

Không lặp / lặp chúng ta sẽ có kết quả tương tự

Đối với "Mảng":

Nếu bạn biết chỉ số:

array.splice(index, 1);

Nếu bạn biết giá trị:

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

Câu trả lời được đánh giá cao nhất cho deletehoạt động tốt trong trường hợp các đối tượng nhưng không phải cho các mảng thực. Nếu tôi sử dụng deletenó sẽ loại bỏ các phần tử khỏi các vòng lặp nhưng giữ nguyên phần tử nhưempty và độ dài của mảng sẽ không thay đổi. Đây có thể là một vấn đề trong một số tình huống.

Ví dụ: nếu tôi thực hiện myArray.toString () trên myArray sau khi xóa thông qua deletenó sẽ tạo mục nhập trống tức là ,,

Phương pháp làm việc duy nhất cho tôi:

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

sử dụng:

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