ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript基础之循环

2022-06-25 08:01:30  阅读:60  来源: 互联网

标签:... do JavaScript 基础 while 循环 key var


循环

循环语法

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循环则可能一次都不执行

标签:...,do,JavaScript,基础,while,循环,key,var
来源: https://www.cnblogs.com/sxzmobao/p/16410700.html

专注分享技术,共同学习,共同进步。侵权联系[[email protected]]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有