JavaScript基础之循环

2022/6/25 14:20:19

本文主要是介绍JavaScript基础之循环,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

循环

循环语法

1. for 循环

for (初始条件;结束条件;递增减条件) { ...} 

  • 计算案例
// 计算1+2+3+...+10000
var x = 0;
var i;
for (i=1; i<=10000; i++) {
    x = x + i;
}
x; // 50005000
  • 遍历数组 
var arr = ['Apple', 'Google', 'Microsoft'];
var i, x;
for (i=0; i<arr.length; i++) {
    x = arr[i];
    console.log(x);
}
  • 遍历对象

for循环的一个变体是for ... in循环,它可以把一个对象的所有属性依次循环出来:

var o = {
    name: 'Jack',
    age: 20,
    city: 'Beijing'
};
for (var key in o) {
    console.log(key); // 'name', 'age', 'city'
}

// 要过滤掉对象继承的属性,用hasOwnProperty()来实现:
var o = {
    name: 'Jack',
    age: 20,
    city: 'Beijing'
};
for (var key in o) {
    if (o.hasOwnProperty(key)) {
        console.log(key); // 'name', 'age', 'city'
    }
}

由于Array也是对象,而它的每个元素的索引被视为对象的属性,因此,for ... in循环可以直接循环出Array的索引:

var a = ['A', 'B', 'C'];
for (var i in a) {
    console.log(i); // '0', '1', '2'
    console.log(a[i]); // 'A', 'B', 'C'
}

 

-  上述是有限循环,无限循环可以用 for ( ; ; ) { ... }  用break退出循环

var x = 0;
for (;;) { // 将无限循环下去
    if (x > 100) {
        break; // 通过if判断来退出循环
    }
    x ++;
}

 2. while 循环

while循环只有一个判断条件,条件满足,就不断循环,条件不满足时则退出循环。

// 计算100以内所有奇数之和

var x = 0;
var n = 99;
while (n > 0) {
    x = x + n;
    n = n - 2;
}
x; // 2500

// 在循环内部变量n不断自减,直到变为-1时,不再满足while条件,循环退出。

 3. do ... while 循环

最后一种循环是do { ... } while()循环,它和while循环的唯一区别在于,不是在每次循环开始的时候判断条件,而是在每次循环完成的时候判断条件:

var n = 0;
do {
    n = n + 1;
} while (n < 100);
n; // 100

 用do { ... } while()循环要小心,循环体会至少执行1次,而forwhile循环则可能一次都不执行



这篇关于JavaScript基础之循环的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程