摘要：在中操作符用于刪除對(duì)象的某個(gè)屬性。在運(yùn)行時(shí)會(huì)創(chuàng)建隱藏類(lèi)，這些類(lèi)附加到每個(gè)對(duì)象上，以跟蹤其形狀布局。可以很明顯地得出一個(gè)結(jié)論，設(shè)置為。

在 JavaScript 中 delete 操作符用于刪除對(duì)象的某個(gè)屬性。例如

const person = {
    name: "sudada",
    gender: "female"
}

delete person.name

console.log(person.name) // undefined

與最直觀的語(yǔ)義不同，使用 delete 操作符并不會(huì)直接釋放內(nèi)存，而是說(shuō)它會(huì)使得 V8（Javascript）引擎中的 hidden class 失效，將該 object 變?yōu)橐粋€(gè)通用的 slow object，這就使得執(zhí)行速度有了很明顯的降低。

hidden class：由于 JavaScript 是一種動(dòng)態(tài)編程語(yǔ)言，屬性可進(jìn)行動(dòng)態(tài)的添加和刪除，這意味著一個(gè)對(duì)象的屬性是可變的，大多數(shù)的 JavaScript 引擎（V8）為了跟蹤對(duì)象和變量的類(lèi)型引入了隱藏類(lèi)的概念。在運(yùn)行時(shí) V8 會(huì)創(chuàng)建隱藏類(lèi)，這些類(lèi)附加到每個(gè)對(duì)象上，以跟蹤其形狀/布局。這樣可以?xún)?yōu)化屬性訪問(wèn)時(shí)間。
參考：
http://debuggable.com/posts/u...:4c7e81e4-1330-4398-8bd2-761bcbdd56cb
https://stackoverflow.com/que...

那么如果不使用 delete ，我們?nèi)绾蝿h除對(duì)象的屬性？

最有效的方式，應(yīng)該是將不需要的屬性設(shè)置為 undefined ，例如

const person = {
    name: "sudada",
    gender: "female"
}

person.name = undefined // 刪除 name 屬性

或者你也可以考慮使用 Spread Operator for objects，例如

const person = {
    name: "sudada",
    gender: "female"
}
const omit = (prop, { [prop]: _, ...rest }) => rest;
const newObj = omit("name", person); // 刪除 name 屬性

關(guān)于 Spread Operator for objects 的參考：https://juejin.im/post/5c35bd...

那么 delete、設(shè)置為 undefined 、omit 三種方法該如何抉擇？

圖中顯示了，在不同的 Javascript 內(nèi)核下，三種方法的效率（每秒執(zhí)行數(shù)）?？梢院苊黠@地得出一個(gè)結(jié)論，設(shè)置為 undefined > delete > omit。

實(shí)例地址：https://jsperf.com/removing-v...

但是設(shè)置為 undefined，得到的結(jié)果為

{
    name: undefined,
    gender: "female"
}

有時(shí)需要額外的操作，例如

JSON.parse(JSON.stringify(person))
// 或者
Object.keys(person).reduce((pre, cur) => {
    const value = person[cur]
    return value === undefined ? pre : {...pre, [cur]: value}
}, {})

這樣效率會(huì)大幅度地降低，所以在實(shí)際業(yè)務(wù)中可以考慮使用 Map 來(lái)代替 object ，例如

let map = new Map([["a", 1]])
let obj = { a: 1 };
// 執(zhí)行
delete obj.a;
map.delete("a");

從圖中，可以很明顯的得出 map.delete 優(yōu)于 delete。