本帖最后由 Amy 于 2018-12-17 17:22 编辑
【零基础学习web前端】JavaScript switch 语句
【零基础学习web前端】教程目录导航
循环可以将代码块执行指定的次数。
for 循环
for循环的基本语法
[JavaScript] 纯文本查看 复制代码 for (语句 1; 语句 2; 语句 3) {
被执行的代码块
}
- 语句1:在循环(代码块)开始前执行
- 语句2:定义运行循环(代码块)的条件
- 语句3:在循环(代码块)已被执行之后执行
例如我们用for循环输出1到10数字,我们可以这么写:
[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>
效果一样
|