遍历对象

访问对象的每个键

• 对象没有 0, 1, 2 这样的下标,所以普通的 for 循环无法逐个访问它。
• for (const key in obj) 依次给你每个键。
• 用方括号读取值:obj[key]。点号写法 obj.key 会去找一个名字就叫 "key" 的键。

const stock = { apples: 4, pears: 0, plums: 7 };
for (const fruit in stock) {
  console.log(fruit, stock[fruit]);
}
// → apples 4
// → pears 0
// → plums 7

把键、值和键值对变成数组

• Object.keys(obj) 得到由键组成的数组。
• Object.values(obj) 得到由值组成的数组。
• Object.entries(obj) 得到由 [key, value] 对组成的数组。可以用 for…of 遍历它。

const stock = { apples: 4, pears: 0, plums: 7 };
console.log(Object.keys(stock));            // → ["apples","pears","plums"]
console.log(Object.values(stock).length);   // → 3
for (const [fruit, count] of Object.entries(stock)) {
  if (count === 0) {
    console.log(fruit + " sold out");
  }
}
// → pears sold out

例题:总分和最高分

问题:一个对象保存每个学生的分数。求总分,以及分数最高的名字。

const scores = { Ada: 82, Ben: 95, Cy: 77 };
let total = 0;
let best = "";
for (const name in scores) {
  total += scores[name];
  if (best === "" || scores[name] > scores[best]) {
    best = name;
  }
}
console.log(total);   // → 254
console.log(best);    // → Ben

循环保存的是最高分学生的名字,而不只是分数,因为只看分数无法知道它属于谁。

注意

• for…in 用于对象。对数组要用 for…of,它给出的是值。
• Object.keys(obj).length 数出键的个数。对象本身没有 .length。

常见错误

• 在循环里写 stock.fruit。它会去找名为 fruit 的键,得到 undefined。应写 stock[fruit]。
• 直接对对象用 for…of。它会报错 "stock is not iterable"。应遍历 Object.entries(stock)。
• 本该保存名字的 best 却从 0 开始。应从 "" 或第一个键开始。

现在轮到你

• 遍历一个对象的键,再把它的值加起来。
• 按检查答案来测试它。