上查看所有课程
在阅读本教程之前，请确保您已了解 JavaScript 对象。
JavaScript 的 for...in 循环会遍历对象的键。
以下是 JavaScript 中 for...in 循环的一个简单示例。要了解更多信息，请阅读本教程的其余部分。
示例
const student = {
name: "Monica",
class: 7
};
// loop through the keys of student object
for (let key in student) {
// display the key-value pairs
console.log(`${key} => ${student[key]}`);
};
// Output:
// name => Monica
// class => 7在这里，for...in 循环遍历 student 对象的键。在循环的每次迭代中，key 变量都会存储 student 的一个键。
JavaScript for...in 循环的语法
for (key in object) {
// body of for...in
};这里，
- object - 我们要遍历其键的对象。
- key - 一个存储 object 的某个键的变量。
for...in 循环的工作原理
- 在第一次迭代中，将 object 的第一个键赋给 key 变量。然后执行循环体。
- 在第二次迭代中，将 object 的下一个键赋给 key 变量。然后执行循环体。
- 这个过程一直持续到没有更多要遍历的键为止。
注意：一旦获取了对象的键，您就可以轻松找到它们对应的值。
示例：JavaScript for...in 循环
const salaries = {
Jack: 24000,
Paul: 34000,
Monica: 55000
};
// use for...in to loop through
// properties of salaries
for (let i in salaries) {
// access object key using [ ]
// add a $ symbol before the key
let salary = "$" + salaries[i];
// display the values
console.log(`${i}: ${salary}`);
};输出
Jack: $24000, Paul: $34000, Monica: $55000
在上面的示例中，我们使用 for...in 循环遍历 salaries 对象的属性。然后，我们将字符串 $ 添加到对象的每个值中。
注意：我们使用了变量 i 而不是 key，因为我们可以使用任何有效的变量名。
更多关于 JavaScript for...in 循环
JavaScript for...in 与字符串
您还可以使用 for...in 循环遍历 字符串 值。例如：
const string = 'code';
// using for...in loop
for (let i in string) {
console.log(string[i]);
};输出
c o d e
另请阅读