一、在循环中用到的很多
1、可用于循环次数多的地方。
2、可用于循环次数不确定，但是有循环结束条件的循环
for(1.初始化表达式；2循环条件表达式；4.循环后操作表达式){
3.执行语句
}
二、执行流程
1、执行初始化表达式
2、如果循环体中的表达式为真，
3、则自动执行语句
4、循环后的表达式
5、进入到2-3-4循环直到表达式 不符合后跳出循环
三、练习
练习一、输出0到9分别用while和for循环
有时候我们会不知道什么情况下用到for什么情况下用到while
当i在外部用不到的情况下就用for循环
当i在外部还要用到情况下用while循环
<script type="text/javascript">
for(var i=0;i<10;i++){
console.log(i);
}
</script>
<script type="text/javascript">
var i=0;
while(i<10){
console.log(i);
i++;
}
</script>
练习二：打印好友列表
<script type="text/javascript">
// 好友列表一
// 好友1
// 好友2
// 好友3
// 好友列表二
// 好友1
// 好友2
// 好友3
for(var i=1;i<=2;i++){
console.log("好友列表1"+i);
for(var j=1;j<=3;j++){
console.log("好友"+j);
}
}
</script>
练习三：for循环嵌套实现在页面中的矩形绘制
<style type="text/css"> span{ border: 2px solid pink; display: inline-block; margin: 5px; padding: 2px; } </style>
<script type="text/javascript">
//外循环控制行数
for(var i= 1;i<=3;i++){
//内循环控制列数
for(var j=1;j<=4;j++){
window.document.write("*");
}
window.document.write("<br>");
}
</script>
练习四：输出九九乘法表
<script type="text/javascript">
//外循环控制行数
for(var i= 1;i<=9;i++){
//内循环控制列数
for(var j=1;j<=i;j++){
var sum=i*j;
window.document.write(i+"*"+j+"="+sum);
}
window.document.write("<br>");
}
</script>
练习五：三角矩阵成倒三角显示
<script type="text/javascript">
//外循环控制行数
for(var i= 1;i<=9;i++){
//内循环控制列数
for(var j=i;j<=9;j++){
window.document.write("*");
}
window.document.write("<br>");
}
</script>
<script type="text/javascript"> //外循环控制行数 for(var i= 0;i<10;i++){ //内循环控制列数 for(var j=0;j<=i;j++){ window.document.write(j+1+" "); } window.document.write("<br>"); } </script>
练习六：打印正三角
<script type="text/javascript">
//外循环控制行数
for(var i= 0;i<6;i++){
//内循环控制列数
for(var j=0;j<6-i;j++){
window.document.write("-");
}
for(var z =0;z<i*2+1;z++){
window.document.write("*")
}
window.document.write("<br>");
}
</script>
练习七：求1-100之间所有函数的和，所有奇数的和
<script type="text/javascript">
//求1-100之间所有函数的和，所有奇数的和
//定义变量
var jssum=0;
var ossum=0;
//循环遍历1-100
for(var i=1;i<=100;i++){
//判断奇数还是偶数
if(i%2===0){
jssum+=i;
}
else{
ossum+=i;
}
}
//输出结构
console.log(jssum);
console.log(ossum);
</script>
练习八：本金10000存银行，年利率千分之三每过一年将本金和利息作为下一年的本金计算5年后有多少
<script type="text/javascript">
//本金10000存银行，年利率千分之三每过一年将本金和利息作为下一年的本金计算5年后有多少
//定义变量
var money=10000;
var lixu=0.003;
for(var i=1;i<=5;i++){
money*=(1+lixu);
}
//输出
alert(money);
</script>
