JavaScript for...in 循环

    在本教程中，您将借助示例了解 JavaScript for…in 循环。
    在之前的教程中，我们介绍了：

• JavaScript while 和 do…while 循环
• JavaScript for 循环

    还有其他类型的循环。JavaScript 中的 for…in 循环允许您遍历对象的所有属性键。

JavaScript for…in 循环

    for…in 循环的语法是：

for (key in object) {
// body of for...in
}

    在循环的每次迭代中，一个键被分配给 key 变量。对于所有对象属性，循环继续。
    注意：一旦你得到键，你可以很容易地找到它们对应的值。

示例 1：遍历对象

const student = {
name: 'Monica',
class: 7,
age: 12
}
// using for...in
for ( let key in student ) {
// display the properties
console.log(`${key} => ${student[key]}`);
}

    输出

name => Monica
class => 7
age => 12

    在上面的程序中，for…in 循环用于迭代 student 对象并打印其所有属性。

• 对象键被指定给变量 key。
• student[key] 用于访问的值 key。

示例 2：更新属性值

const salaries= {
Jack : 24000,
Paul : 34000,
Monica : 55000
}
// using for...in
for ( let i in salaries) {
// add a currency symbol
let salary = "$" + salaries[i];
// display the values
console.log(`${i} : ${salary}`);
}

    输出

Jack : $24000,
Paul : $34000,
Monica : $55000

    在上面的示例中，for…in 循环用于迭代 salaries 对象的属性。然后，字符串 $ 被添加到对象的每个值中。

for…in 与字符串

    您还可以使用 for…in 循环来迭代字符串值。例如，

const string = 'code';
// using for...in loop
for (let i in string) {
console.log(string[i]);
}

    输出

c
o
d
e

for…in 与数组

    您也可以将 for…in 与数组一起使用。例如，

// define array
const arr = [ 'hello', 1, 'JavaScript' ];
// using for...in loop
for (let x in arr) {
console.log(arr[x]);
}

    输出

hello
1
JavaScript

    您将在后面的教程中了解有关数组的更多信息。
    注意：当迭代索引顺序很重要的数组时，你不应该使用 for…in。
    迭代数组的更好方法之一是使用 for…of 循环。
    要了解有关 for…of 循环的更多信息，请访问JavaScript for…of 循环。

    上一教程 ：JS Strings                                          下一教程 ：JS Numbers

参考文档

[1] Parewa Labs Pvt. Ltd. (2022, January 1). Getting Started With JavaScript, from Parewa Labs Pvt. Ltd: https://www.programiz.com/javascript/for-in

最后

以上就是多情画板为你收集整理的JavaScript for...in 循环的全部内容，希望文章能够帮你解决JavaScript for...in 循环所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。