在 JS 对象中使用 . 和 [] 操作属性的区别

2023-07-25 18:08:28

在 JS 对象中，调用属性一般有两种方法——点和中括号的方法。

例如

使用点方法

var obj = {

    name: "cedric"

}

console.log(obj.name); // cedric

使用 [ ] 方法

var obj = {

    name: "cedric"

}

console.log(obj["name"]); // cedric

点方法是在对象名后面跟上属性名，而中括号方法里的索引存放的与属性名字相同的字符串。

二者区别

点方法后面跟的必须是一个指定的属性名称，而中括号方法里面可以是变量。例如

var haha = "name";

console.log(obj.haha); // undefined

console.log(obj[haha]); // cedric

中括号方法里面的属性名可以是数字，而点方法后面的属性名不可以是数字
当动态为对象添加属性时，必须使用中括号 []，不可以用点方法