Javascript 對象屬性CURD操作

1.應用場景

瞭解js對象的屬性相關操作, 應用於開發中.

2.學習/操作

1.介紹

js中有句名言: 一切皆對象

在編程語言裏, 相同點, 對象是存儲數據的容器, 而且都常是使用{}來表示,

但是聲明對象的方式有很多種, 不同的語言也不盡相同.

 

js中聲明對象方式也有集中, 這裏主要使用字面量聲明 即{}

var obj = {};

var test = {};

 

更多介紹:

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object   //MDN - Object

 

2.添加屬性

對象{}支持使用 .或者 [] 來添加屬性,

但是前者不支持屬性名爲變量[即 如果屬性名爲變量, 是不識別的, 直接當做字符串使用]

code:

var test = {};
var nameVar = 'name';
test.nameVar = 'william';
"william"
test
{nameVar: "william"}
var test = {};
var nameVar = 'name';
test[nameVar] = 'william';
"william"
test
{name: "william"}

截圖:

注意:

使用[]時, 要引號, 如果不加, 則認爲是變量, 常量. 最後找不到, 纔會判斷爲字符串

 

3.刪除屬性[即刪除屬性值]

delete 對象.屬性名  即可

如果刪除不存在的屬性,也會返回true

 

4.查詢屬性 / 通過屬性獲取屬性值

判斷屬性是否存在, 直接使用.或者[] 即可,

存在, 返回屬性值,

不存在, 返回undefined

 

5.更新屬性名 / 更新屬性值

更新屬性值:

對象.屬性名 = 新值 // 對象['屬性名'] = 新值  // 對象[屬性名] = 新值  ==> 最後一項, 有時候也能正確執行, 但是有時會是錯誤的, 不推薦.

更新屬性名:

直接更新: js不支持修改屬性名

間接修改: 添加新的屬性, 賦值[原屬性的屬性值], 刪除舊的屬性.

 

後續補充

...

3.問題/補充

TBD

4.參考

https://www.cnblogs.com/lakeslove/p/6377893.html  //使用變量作爲js對象的屬性名

後續補充

...