快捷導(dǎo)航

JavaScript如何刪除對象的某個屬性詳析

更新時間：2021年05月10日 10:51:35 作者：大遷世界

這篇文章主要給大家介紹了關(guān)于JavaScript如何刪除對象的某個屬性的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

1、delete

delete是刪除對象的屬性沒有任何剩菜，剩下的唯一真正的方法，但它的工作比其“替代”設(shè)置慢100倍 object[key] = undefined

var myObject = {
    "ircEvent": "PRIVMSG",
    "method": "newURI",
    "regex": "^http://.*"
};
delete myObject.regex;

console.log(myObject);

delete 操作符會從某個對象上移除指定屬性。成功刪除的時候回返回 true，否則返回 false。但是，以下情況需要重點考慮：

如果你試圖刪除的屬性不存在，那么delete將不會起任何作用，但仍會返回true

如果對象的原型鏈上有一個與待刪除屬性同名的屬性，那么刪除屬性之后，對象會使用原型鏈上的那個屬性（也就是說，delete操作只會在自身的屬性上起作用）

任何使用 var 聲明的屬性不能從全局作用域或函數(shù)的作用域中刪除。

這樣的話，delete操作不能刪除任何在全局作用域中的函數(shù)（無論這個函數(shù)是來自于函數(shù)聲明或函數(shù)表達式）

除了在全局作用域中的函數(shù)不能被刪除，在對象(object)中的函數(shù)是能夠用delete操作刪除的。

任何用let或const聲明的屬性不能夠從它被聲明的作用域中刪除。

不可設(shè)置的(Non-configurable)屬性不能被移除。這意味著像Math, Array, Object內(nèi)置對象的屬性以及使用Object.defineProperty()方法設(shè)置為不可設(shè)置的屬性不能被刪除。

2、 obj.field = undefined;

這個選擇不是這個問題的正確答案！但是，如果你小心使用它，你可以大大加快一些算法。如果您delete在循環(huán)中使用并且在性能方面存在問題，請閱讀詳細解釋

 var obj = {
     field: 1     
 };
 obj.field = undefined;

3、數(shù)組中使用delete

在數(shù)組中，與普通的舊對象不同，使用delete在表單中留下垃圾，null在數(shù)組中創(chuàng)建一個“洞”, 而且length不變。

var array = [1, 2, 3, 4];
delete array[2];
/* Expected result --> [1, 2, 4]
 * Actual result   --> [1, 2, null, 4]
 */

4、數(shù)組中使用splice

arrayObject.splice(index,howmany,item1,.....,itemX)

index: 必需。整數(shù)，規(guī)定添加/刪除項目的位置，使用負數(shù)可從數(shù)組結(jié)

　　　　尾處規(guī)定位置。

howmany: 必需。要刪除的項目數(shù)量。如果設(shè)置為 0，則不會刪除項目。

item1: 可選。向數(shù)組添加的新項目。

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2,0,"William")
document.write(arr + "<br />")
/*
*George,John,Thomas,James,Adrew,Martin
*George,John,William,Thomas,James,Adrew,Martin
*/