JavaScript中[]中括号与.点的区别

145 阅读1分钟

访问对象的属性方式:

  • 点语法

    基本使用: 对象.属性名 person.name

    特点:不可以用点语法访问带空格的属性名,不可用变量代替属性名

  • 中括号

    基本使用: 对象["属性名"] person["name"] 在中括号内使用属性名的字符串形式。

    特点(优势):可以通过变量访问属性名。

    let person = {
    	name:"LuLi"
    }
    let proName = "name";
    console.log(person[peoName])
    

    通过点语法、中括号操作属性名时:

    对象的属性名(key)不允许重复

    对象.属性名 | 对象["属性名"] :

    ​ 之前无此属性名: 新增属性名,添加属性值

    ​ 之前有此属性名: 修改属性值