<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>循环结构</title>
<style type="text/css">
div {
width: 50px;height: 50px;background: deepskyblue;
float:left;
}
</style>
</head>
<body>
<script>
/*
* 1.for循环
* 2.while循环
* 3.do...while循环 ()
*/
/*
* for循环的语法结构:
for(1;2;3){
4;
}
1:循环变量初始值
2:循环条件
3:循环增量
4:循环体
执行流程:
第一次:1243
往后:243
*/
//练习1 输出5遍hello world!
// for(var i = 0; i < 5; i ++){
alert("hello world!")
// alert(i)
// }
// for(var i = 0; i <= 4; i ++){
// alert("hello world!")
// }
// for(var i = 5; i > 0; i --){
// alert("hello world!")
// }
// for(var i = 0; i < 10; i += 2){
// alert("hello world!")
// }
// for(var i = 0; i < 10; i = i + 2 ){
// alert(i)
// }
//练习2 输出1-5
// for(var i = 1; i<= 5; i++){
// console.log(i);
// }
//练习3 输出5-1
// for(var i = 5; i > 0; i--){
// alert(i);
// }
//练习4 输出0-100内的偶数
// for(var i = 0; i <= 50; i ++){
// alert(i*2)
// }
// for(var i = 0; i <= 100; i ++){
// if(i % 2 == 0){
// console.log(i);
// }
// }
//练习5 输出0-100内个位为7的数
// for(var i = 0; i <= 100; i ++){
// if(i % 10 ==7){
// console.log(i);
// }
// }
// for(var i = 7; i < 100; i += 10){
// console.log(i);
// }
//练习6 输出0-100内十位为7的数
// for(var i = 0; i < 101; i ++){
// if (Math.floor(i / 10) == 7){
// console.log(i);
// }
// }
//练习7 输出0-100不包含7的数
// for(var i = 0; i <= 100; i ++){
// if (i % 10 != 7 && Math.floor(i / 10) != 7 && i % 7 != 0){
// console.log(i);
// }
// }
// for(var i = 0; i <= 100; i ++){
// if (!(i % 10 == 7 || Math.floor(i / 10) == 7 || i % 7 == 0)){
// console.log(i);
// }
// }
//练习7 输出10个随机整数,随机数范围[30,70]
// for(var i = 0; i < 10; i ++){
// var random = Math.floor(Math.random()*(70-30+1)+30)
// console.log(random);
// }
//练习8 输出10个[30,70]的随机数,并输出最大值.
//需要声明一个参考值,并且要保证该参考值要比所取范围内最小的数还要小.
// var temp = 0;
// for(var i= 0; i < 10; i ++){
// var random = Math.floor(Math.random()*(70-30+1)+30);
// temp = temp > random ? temp : random;
// console.log(random)
// }
// console.log("最大值是"+temp);
//练习8 输出10个[30,70]的随机数,并输出最小值.
// var temp = 70;
// for(var i= 0; i < 10; i ++){
// var random = Math.floor(Math.random()*(70-30+1)+30);
// temp = temp < random ? temp : random;
// console.log(random)
// }
// console.log("最小值是"+temp);
//总结:
//1.求最大值,参考值需要保证比随机区间的最小值还要小.
//2.求最小值,参考值需要保证比随机区间的最大值还要大.
/*
* break: 跳出本层循环
* continue: 跳过本次循环,继续下一次循环
*/
//练习9 打印1-20的数字,唯独不打印13
// for(var i = 0; i < 21; i ++){
// if(i != 13){
// console.log(i);
// }
// }
// for(var i = 0; i < 21;i ++){
// if(i == 13){
continue;
// break;
// }
// console.log(i);
// }
/*
* 循环嵌套
*/
// for(var i = 0; i < 5; i++) {
// console.log("第" + (i + 1) + "圈");
//
// for(var j = 0; j < 5; j++) {
// console.log("1234");
//
// for(var k = 0; k < 2; k++) {
// console.log("我能行");
// }
// }
// }
//当双层for循环时,外层走一次,内层走完整个内层循环.
// for(var i = 0; i < 5; i ++){
// for(var j = 0; j < 5; j ++){
// if (j == 4){
// break ;
// }
// document.write(j)
// }document.write( "<br>")
// }
//练习10 输出5遍1-5
// for(var i = 0; i < 5; i ++){
// document.write("<div></div>")
// div = document.write(i);
// for(var j = 0;j < 5; j ++){
//
//
// }
// }
//练习11 写出如下结构的数字
// 1
// 1 2
// 1 2 3
// 1 2 3 4
// 1 2 3 4 5
// for(var i = 0; i < 5; i ++){
// for(var j = 0; j < i + 1; j ++){
// document.write(j + 1)
// }document.write("<br><br>")
// }
// 练习12
// 1 2 3 4 5
// 1 2 3 4
// 1 2 3
// 1 2
// 1
// for(var i = 0; i < 5; i ++){
// for(var j = 5; j > i ;j--){
// document.write(6-j)
// }document.write("<br><br>")
// }
//练习13 九九乘法表
// for(var i= 1; i < 10; i++){
// for(var j = 1; j <= i; j ++){
// document.write(j + "*" + i + "=" +(j*i) +"   ");
// }document.write("<br><br><br>")
// }
</script>
</body>
</html>