| 本帖最后由 Amy 于 2018-12-17 17:22 编辑 
 【零基础学习web前端】JavaScript  switch 语句
 
  
 【零基础学习web前端】教程目录导航  
 循环可以将代码块执行指定的次数。
 
 for 循环
 for循环的基本语法
 
 [JavaScript] 纯文本查看 复制代码 for (语句 1; 语句 2; 语句 3) { 
被执行的代码块 
} 
 例如我们用for循环输出1到10数字,我们可以这么写:语句1:在循环(代码块)开始前执行语句2:定义运行循环(代码块)的条件语句3:在循环(代码块)已被执行之后执行
 
 [JavaScript] 纯文本查看 复制代码 for(var i=0;i<10;i++){ console.log(i); } 数组也可以用到for循环
 
 [JavaScript] 纯文本查看 复制代码 cars=["a","b","c","d"];
        for (var i=0;i<cars.length;i++){
            document.write(cars[i] + "<br>");
        }
[/i]执行完输出效果
 
   当i=2时,则只能输出a、b两个。
 不同类型的循环
 
 for - 循环代码块一定的次数for/in - 循环遍历对象的属性while - 当指定的条件为 true 时循环指定的代码块do/while - 同样当指定的条件为 true 时循环指定的代码块
 For/In 循环
 
 [HTML] 纯文本查看 复制代码 <p>点击下面的按钮,循环遍历对象 "person" 的属性。</p>
<button>点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
        var x;
        var txt="";
        var person={fname:"Bill",lname:"Gates",age:56}; 
        for (x in person){
                txt=txt + person[x];
        }
        document.getElementById("demo").innerHTML=txt;
}
</script>执行后效果
 
   不用for/in的话 可以这样写
 
 [HTML] 纯文本查看 复制代码 <button>点击这里</button>
    <p id="demo"></p>
    <script>
        var x;
        var txt="";
        var person={fname:"Bill",lname:"Gates",age:56}; 
        txt+= person.fname;
        txt+= person.lname;
        txt+= person.age;
        document.getElementById("demo").innerHTML=txt;
    </script>效果一样
 
 |