📜  循环中的JavaScript

📅  最后修改于: 2020-09-27 07:21:38             🧑  作者: Mango

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

在之前的教程中,我们介绍了:

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

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


循环中的JavaScript

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