JavaScript 对象

对象属性访问练习台

同一个对象像一排贴了标签的抽屉：点语法适合普通标签，方括号语法可以处理带空格的 key，也可以接住变量。

内置对象

先观察 key 的形状，再选择访问方式。

const student = {
  name: "小周",
  score: 92,
  "home city": "杭州"
};

或直接输入属性名

切换语法后，结果会即时更新。

点语法 student.name 方括号语法 student["home city"]

当前表达式

查找结果

key 是否存在

普通 key

如 name、score，点语法和方括号都可以。

特殊 key

如 home city 带空格，必须写成字符串放进方括号。

不存在的 key

对象没有这个属性时，读取结果是 undefined。

变量里装哪个 key，方括号就去找哪个抽屉。

field 的当前值

变量表达式

const field = "";

student[field]

容易混淆的一点

student.field 查的是名字就叫 field 的属性，不会读取变量 field 的值。要用变量，写 student[field]。