關於js中delete 操做符的祕密(如何刪除對象的屬性,清空對象)

概念
再mdn中detele的概念以下。
delete 操做符用於刪除對象的某個屬性；若是沒有指向這個屬性的引用，那它最終會被釋放。
對於文字的理解咱們有時有點不解其意，直接上代碼更適合咱們的style.
eg:

var parsent = {
    son: 'jim',
    children:['jim', 'bob']
}
console.log(parsent.son,'刪除前')
delete parsent.son
// 清空parsent先註釋
//for (let key in parsent) {
//    delete parsent[key]
//}
console.log(parsent.son,'刪除後')
結果以下圖所示

刪除了parsent的son屬性，再對象裏沒有了，parsent.son==undefined，對象裏只有children屬性了，
下面咱們來看看delete是否能夠清除對象裏的數組和子對象，看下面例子。
eg:

var parsent = {
        son: 'jim',
        obj: {son: 'jim', other: 'bob'},
        children:['jim', 'bob']
    }
console.log(parsent,'刪除前')
// 清空parsent
for (let key in parsent) {
    delete parsent[key]
}
console.log(parsent,'刪除後')
以下圖咱們能夠很清晰的看到把parsent對象的屬性給清空了，將其變成了{}

上面delete操做的是對象的屬性，是否是能夠直接將對象給delete以後就將其清空了呢？帶着這個疑問運行下下面的代碼
eg：

var parsent = {
        son: 'jim',
        obj: {son: 'jim', other: 'bob'},
        children:['jim', 'bob']
    }
console.log(parsent,'刪除前')
// 清空parsent
delete parsent
console.log(parsent,'刪除後')
打開Chrome瀏覽器按下F12到控制檯複製這段代碼，按下enter鍵返回以下結果

顯示的是parsent對象沒有被刪除掉。
所以delete的語法應該以下：
delete object.property
delete object[‘property’]
刪除的是某個屬性的引用，object對象的名稱，property屬性的名稱。
操做返回的結果都是true，即：對於全部狀況都是true，除非屬性是一個本身不可配置的屬性，在這種狀況下，非嚴格模式返回 false。
如下是應該注意的狀況
一、若是你試圖刪除的屬性不存在，那麼delete將不會起任何做用，但仍會返回true
二、若是對象的原型鏈上有一個與待刪除屬性同名的屬性，那麼刪除屬性以後，對象會使用原型鏈上的那個屬性（也就是說，delete操做只會在自身的屬性上起做用）
三、任何使用 var 聲明的屬性不能從全局做用域或函數的做用域中刪除。
3.五、這樣的話，delete操做不能刪除任何在全局做用域中的函數（不管這個函數是來自於函數聲明或函數表達式）
除了在全局做用域中的函數不能被刪除，在對象(object)中的函數是可以用delete操做刪除的。
四、任何用let或const聲明的屬性不可以從它被聲明的做用域中刪除。
不可設置的(Non-configurable)屬性不能被移除。這意味着像Math, Array, Object內置對象的屬性以及使用Object.defineProperty()方法設置爲不可設置的屬性不能被刪除。
五、delete能夠刪除數組可是數組的長度不會改變，想要刪除數組可使用splice
下面實例是在defineProperty設置爲不可設置狀況下delete parsent.name會返回false，若是=={configurable: false}==的值爲true的話，delete parsent.name會返回true
eg:

var parsent = {
        son: 'jim',
        obj: {son: 'jim', other: 'bob'},
        children:['jim', 'bob']
    }
console.log(parsent,'刪除前')
Object.defineProperty(parsent,'name',{configurable: false})
console.log(delete parsent.name) // 返回的是false
// 清空parsent
//for (let key in parsent) {
//    console.log(delete parsent[key])
//}
console.log(parsent,'刪除後')

下面是比較全面的對應上面所說的注意點，源碼以下：
eg:

var parsent = {
        son: 'jim',
        obj: {son: 'jim', other: 'bob'},
        children:['jim', 'bob'],
        objFn: function(){}
    }

console.log(parsent,'刪除前')
Object.defineProperty(parsent,'name',{configurable: false})
//console.log(delete parsent.name)
//清空parsent
console.log(1, delete parsent.far) // return true對應第1點
function Class(){
    this.son=123
}
Class.prototype.son = 456
var example = new Class()
console.log(example.son,'前')
console.log(2, delete example.son)//return false對應第2點
console.log(example.son, '後')//刪除對象的本身屬性，對象使用原型鏈上的屬性
var aa='wang'
console.log(3, delete aa)
function fn(){};
console.log(3.5,'對象外的fn' , delete fn, ' 對象內的objFn', delete parsent.objFn)
let bb=3;const cc=4;
console.log(4, delete bb, delete cc)// 都是返回false對應第四點
console.log(5, delete parsent.name)//return false對應第2點
console.log(parsent,'刪除後')
獲得的結果以下圖

以上就是delete操做符的小祕密，很高興與你們一塊兒分享。