js 如何刪除對(duì)象里的某個(gè)屬性
如何刪除對(duì)象里的某個(gè)屬性
刪除屬性有很多方法，學(xué)到了就在這里記錄一下。
有一個(gè)對(duì)象 a 。有2個(gè)屬性 b=1 , c=2 刪除b，保留 c
1.使用delete
let a = {b:1,c:2}
delete a.b//true
console.log(a)//{c:2}2.使用解構(gòu)
let a = {b:1,c:2}
let {b,...a} = a
console.log(a)//{c:2}3.使用反射
let a = {b:1,c:2}
Reflect.deleteProperty(a,"b");
console.log(a)//{c:2}添加、修改、刪除對(duì)象的屬性和方法
在其他語(yǔ)言中，對(duì)象一旦生成，就不可更改，要為一個(gè)對(duì)象添加修改成員必須要在對(duì)應(yīng)的類中修改，并重新實(shí)例化，而且程序必須經(jīng)過(guò)重新編譯。
JavaScript 中卻非如此，它提供了靈活的機(jī)制來(lái)修改對(duì)象的行為，可以動(dòng)態(tài)添加、修改、刪除屬性和方法。
例如首先使用類Object來(lái)創(chuàng)建一個(gè)空對(duì)象user：
var user = new Object();
1.添加屬性
這時(shí)user對(duì)象沒(méi)有任何屬性和方法，可以為它動(dòng)態(tài)地添加屬性
user.name = 'Amy'; user.age = 10; user.address = "cn";
通過(guò)上述語(yǔ)句，user 對(duì)象便具有了三個(gè)屬性：name、age和address, 打印輸出user如下：
2.添加方法
添加方法地過(guò)程和添加屬性地方法類似：
user.call = function() {
console.log('Hello, My name is '+ this.name);
}
這就為user 對(duì)象添加了一個(gè)方法“call”，通過(guò)執(zhí)行它，可以在打印臺(tái)顯示自己的名字介紹
console.log(user);user.call();
打印結(jié)果如下：
3.修改屬性
修改一個(gè)屬性的過(guò)程就是用新的屬性替換舊的屬性，例如：
user.name = 'Rose';
user.call = function() {
console.log('Hello, this is '+ this.name);
}
這樣就修改了user 對(duì)象name屬性的值和call方法
4.刪除屬性
刪除一個(gè)屬性的過(guò)程也很簡(jiǎn)單，就是將其置為undefined :
user.name=undefined; user.call=undefined;
這樣就刪除了name屬性和call方法，在之后的代碼中，這些屬性變的不可用
注：在添加、修改或者刪除屬性時(shí)，和引用屬性相同，也可以采用方括號(hào)（[]）語(yǔ)法： user[“name”]=”tom”;
使用這種方式還有一個(gè)額外的特點(diǎn)，就是可以使用非標(biāo)識(shí)符字符串作為屬性名稱，例如：
標(biāo)識(shí)符中不允許以數(shù)字開(kāi)頭或者出現(xiàn)空格，但在方括號(hào)（[]）語(yǔ)法中卻可以使用： user[“my name”]=”tom”;
需要注意，在使用這種非標(biāo)識(shí)符作為名稱的屬性時(shí)，仍然要用方括號(hào)語(yǔ)法來(lái)引用： alert(user[“my name”]);
而不能寫為： alert(user.my name);
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
個(gè)人網(wǎng)站留言頁(yè)面（前端jQuery編寫、后臺(tái)php讀寫MySQL）
這篇文章主要為大家介紹了個(gè)人網(wǎng)站的留言頁(yè)面，前端使用jQuery編寫、后臺(tái)利用php簡(jiǎn)單讀寫MySQL數(shù)據(jù)庫(kù)，感興趣的小伙伴們可以參考一下2016-05-05
使用TS來(lái)編寫express服務(wù)器的方法步驟
這篇文章主要介紹了使用TS來(lái)編寫express服務(wù)器的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
Bootstrap 實(shí)現(xiàn)查詢的完美方法
Bootstrap，來(lái)自 Twitter，是目前最受歡迎的前端框架。這篇文章主要介紹了Bootstrap 實(shí)現(xiàn)查詢的完美方法,需要的朋友可以參考下2016-10-10
使用element-plus時(shí)重寫樣式不起作用的問(wèn)題及解決方法
這篇文章給大家介紹使用element-plus時(shí)重寫樣式不起作用的問(wèn)題及解決方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-09-09
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片加載淡入淡出效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
js實(shí)現(xiàn)簡(jiǎn)單鎖屏功能實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)單鎖屏功能的方法,實(shí)例分析了javascript操作頁(yè)面元素顯示與隱藏的相關(guān)技巧,涉及javascript操作元素屬性與鼠標(biāo)、鍵盤事件的相關(guān)技巧,需要的朋友可以參考下2015-05-05
JS OOP包機(jī)制,類創(chuàng)建的方法定義
JS OOP包機(jī)制,類創(chuàng)建的方法定義,需要的朋友可以參考下。2009-11-11
這篇文章主要分享了JavaScript定時(shí)器類型總結(jié)，文章圍繞JavaScript定時(shí)器類型的相關(guān)資料展開(kāi)全文詳細(xì)內(nèi)容，需要的小伙伴可以參考一下，希望對(duì)你有所幫助2021-12-12
JavaScript支持的最大遞歸調(diào)用次數(shù)分析
這篇文章主要介紹了JavaScript支持的最大遞歸調(diào)用次數(shù)分析,也稱JavaScript支持的最大堆棧數(shù)量,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了JS運(yùn)算符簡(jiǎn)單用法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript各種邏輯運(yùn)算符、數(shù)學(xué)運(yùn)算符、關(guān)系運(yùn)算符等相關(guān)操作技巧,需要的朋友可以參考下2020-01-01