JS对象的方括号表示法和点表示法

一、对象属性

var aa = 'qqq';
var obj = {};
obj.aa = 2;
obj[aa] = 1;
console.log(obj);

对象取值

二、点表示法
       在JS中,访问对象属性时可以使用[点表示法]和[方括号表示法]两种方法,需要注意的是在使用方括号语法时,应该把属性以字符串的形式放在方括号中,如:

var obj = {
   aa: 1,
   qqq: 2
};
console.log(obj.aa); // 1
console.log(obj["aa"]); // 1
console.log(obj[aa]); // aa is not defined

三、方括号表示法
       方括号语法的优点:
       1)可以通过变量来访问属性;
       2)如果属性名中包含会导致语法错误的字符,或者属性名是关键字或者保留字,也可以使用方括号表示法;
       3)使用方括号表示法访问属性名时,可以在程序运行时创建和修改属性,点操作符就不行;

var obj = {
      aa: 1
};
var qqq = 'aa';
obj['aa pp'] = 2;
console.log(obj[qqq]); // 1
// console.log(obj.aa pp); // 报错
console.log(obj['aa pp']); // 2
// 案例1
var addr="";
for(i=0;i<4;i++){
    addr += customer["address"+i]+'\n';
}
// 案例2
function addStock(portfolio,stockname,shares){
    portfolio[stockname]=shares;
}

参考:https://blog.csdn.net/formyqianduan/article/details/52035843

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容