循环中的JavaScript

在之前的教程中，我们介绍了：

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

还有其他类型的循环。 JavaScript中的for..in循环允许您迭代对象的所有属性键。

for...in循环的语法为：

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

在循环的每次迭代中，将一个键分配给键变量。对于所有对象属性，循环继续进行。

注意：一旦获得密钥，就可以轻松找到其值。

示例1：遍历一个对象

let 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对象并打印其所有属性。

对象键被分配给变量i 。
student[i]用于访问i的值。

示例2：更新属性值

let 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循环用于迭代numbers对象的属性。然后，将字符串 $添加到对象的每个值。

为…在字符串中

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

let string = 'code';

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

输出

c
o
d
e

用于…在数组中

您也可以将for...in数组。例如，

// define array
let 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 loop 。

在本教程中，您将在示例的帮助下了解JavaScript for … in。

循环中的JavaScript

示例1：遍历一个对象

示例2：更新属性值

为…在字符串中

用于…在数组中