javascript如何動態刪除或者新增物件屬性

admin發表於2017-03-19

本章介紹一下如何為一個物件新增或者刪除屬性,在java或者c#中,一旦物件被建立,它的屬性就不能夠be刪除或者新增,只能夠修改對應的類才可以,但是javascript比較靈活,下面就介紹一下如何實現此功能。

一.建立一個物件:

下面建立一個物件,使用建構函式方式還是直接量方式都是可以的,程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var antzone={
  webName:"螞蟻部落",
  address:"青島市南區",
  age:2
}

以上程式碼使用直接量方式建立了一個物件,更多相關內容可以參閱javascript建立物件的幾種方式一章節。 

二.新增屬性:

[JavaScript] 純文字檢視 複製程式碼
var antzone={
  webName:"螞蟻部落",
  address:"青島市南區",
  age:2
}
antzone.target="分享程式碼";
console.log(antzone.target);

以上程式碼為antzone物件新增了一個target屬性,並設定屬性值。

三.修改屬性:

[JavaScript] 純文字檢視 複製程式碼
var antzone={
  webName:"螞蟻部落",
  webName:"青島市南區",
  age:2
}
antzone.webName="antzone";
console.log(antzone.webName);

以上程式碼修改了antzone物件的webName屬性值。

四.刪除屬性:

[JavaScript] 純文字檢視 複製程式碼
var antzone={
  webName:"螞蟻部落",
  webName:"青島市南區",
  age:2
}
antzone.webName=undefined;

以上程式碼可以將antzone物件的webName屬性刪除。

相關文章