美文网首页前端面试基础必备JS学习笔记
JS对象的方括号表示法和点表示法

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

作者: puxiaotaoc | 来源:发表于2018-08-13 14:24 被阅读91次

    一、对象属性

    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

    相关文章

      网友评论

        本文标题:JS对象的方括号表示法和点表示法

        本文链接:https://www.haomeiwen.com/subject/catubftx.html