js对象获取属性的方法

第一种：点语法（首选）

eg：

首先用对象字面量创建一个对象

let person = {
   name: "Nicholas",
   age: 29   
}

console.log(person.name) //"Nicholas"
console.log(person.age) // 29

注：在对象字面量表示法中，属性名可以是字符串或数值

let person = {
   "name": "Nicholas",
   "age": 29,
   5: true
}

这个例子会得到一个带有属性name、age 和 5 的对象。数值属性会自动转换为字符串。

第二种：中括号（是用中括号时，要在括号内使用属性名的字符串形式）

eg:

console.log(person["name"]) // "Nicholas"
console.log(person.name)     // "Nicholas"

使用中括号的主要优势：可以通过变量访问属性

eg：

let propertyName = "name";
console.log(person[propertyName]); //"Nicholas"

另外，如果属性名中包含可能会导致语法错误的字符，或包含关键字/保留字时，也可以使用中括号语法

eg:

person["first name"] = "Nicholas"

因为"first name"中包含了一个空格，所以不能使用点语法来访问。不过，属性名中是可以包含非字母数字字符的。