一、簡介
做下記錄,今天看了一篇很有意思的文章,學到了這個取值的小技巧
正常的話我們一般都是用對象直接去'.'對應的屬性名(也就是鍵值對的鍵)來獲取對應的值
這里記錄的是另一種取值方式,他是采用中括號'[]'來獲取對應屬性的值
這樣寫的好處有:
- 如果事先屬對象性的名稱未知,或者說調用的屬性是動態變化的,
- 而且這里的屬性不存在,也不會報錯,只會給出undefined未定義,就可以擺脫點的束縛
- 用中括號的方式可以最大程度地提升對象調用屬性的靈活度!
二、格式
例子:pro["dakeai"]
解析:對象名["屬性"]
注意:這里也可以寫單引號
三、代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> <script type="text/javascript"> //創建對象 var pro = { xiaokeai: '小可愛', dakeai: '大可愛', bujin: false }; // 常用取值方式 var xiaokeai = pro.xiaokeai; console.log(xiaokeai); // 打印pro對象中bujin的值 console.log(pro["dakeai"]); // 打印pro對象中bujin的值 console.log(pro["bujin"]); // 打印判斷取出的bujin的值類型 console.log(typeof (pro["bujin"])); // 打印不存在的屬性 console.log(pro["bucunzai"]); // 取出pro的bujin屬性作為條件 if(pro["bujin"]) { console.log(pro['xiaokeai']); }else { console.log(pro); } </script> </html>
效果

