东莞建站公司速推全网天下首选,网站建设预算模板,网站贸易表格怎么做,品牌网站建站公司目录 1. 流程控制
1.1. 流程控制简介
1.1.1. 顺序结构
1.1.2. 选择结构
1.1.3. 循环结构
1.2. 选择结构#xff1a;if
1.2.1. 单向选择#xff1a;if…
1.2.2. 双向选择#xff1a;if…else…
1.2.3. 多向选择#xff1a;if…else_if…else…
1.3. 选择结构#…目录 1. 流程控制
1.1. 流程控制简介
1.1.1. 顺序结构
1.1.2. 选择结构
1.1.3. 循环结构
1.2. 选择结构if
1.2.1. 单向选择if…
1.2.2. 双向选择if…else…
1.2.3. 多向选择if…else_if…else…
1.3. 选择结构switch
1.4. 循环结构while
1.5. 循环结构do…while
1.6. 循环结构for 1. 流程控制
1.1. 流程控制简介
流程控制是任何一门编程语言都有的一个语法指的是控制程序按照怎样的顺序执行的。
在 JavaScript 中共有 3 种流程控制方式其实任何语言也只有这 3 种。
1.1.1. 顺序结构
在 JavaScript 中顺序结构是最基本的结构。
语法 举例
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/titlescriptvar str1 G;var str2 ok;var str3 str1 str2;document.write(str3);/script/headbody/body
/html
1.1.2. 选择结构
在 JavaScript 中选择结构指的是根据条件判断来决定使用哪一段代码。
选择结构有 3 种 单向选择 双向选择 多向选择
语法 1.1.3. 循环结构
循环结构指的是根据条件来判断是否重复执行某一段程序。
若条件为true则继续循环若条件为false则退出循环。
语法 1.2. 选择结构if
在 JavaScript 中选择结构指的是根据条件判断来决定执行哪一段代码。
选择结构有 3 种 单向选择 双向选择 多向选择。
在 JavaScript 中选择结构共有两种方式 if switch
1.2.1. 单向选择if… 语法
if(条件){……
}
举例
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/titlescriptvar score 100;if (score 60) {alert(那你很棒棒噢~);}/script/headbody/body
/html
1.2.2. 双向选择if…else… 语法
if(条件){……
}
else{……
}
举例
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/titlescriptvar score 100;if (score 60) {alert(补考);} else {alert(通过);}/script/headbody/body
/html
举例三目运算符代替双向选择
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/titlescriptvar score 100;var result score 60 ? 补考 : 通过;alert(result);/script/headbody/body
/html
1.2.3. 多向选择if…else_if…else…
多向选择就是在双向选择的基础上增加 n 个选择分支。
语法
if(条件1){//当条件1为true时执行的代码
}
else if(条件2){//当条件2为true时执行的代码
}
else if(条件3){//当条件3为true时执行的代码
}else {
// 当条件1和条件2都为false时执行的代码
}
举例
!DOCTYPE html
html
headmeta charsetutf-8 /title/titlescriptvar money 45;if(money 50){alert(买华仔);}else if(money 40 money 50){alert(买荷花);}else if(money 30 money 40){alert(买宽窄!);}else if(money 20 money 30){alert(买玉溪);}else{alert(不要抽了)}/script
/head
body/body
/html
1.3. 选择结构switch 语法
switch(判断值){case 取值1:语块1;break;case 取值2:语块2;break;……case 取值n:语块n;break;default:语句块n1;
}
举例
!DOCTYPE html
html
headmeta charsetutf-8 /title/titlescriptvar num1 parseInt(prompt(请输入第一个值));var num2 parseInt(prompt(请输入第二个值));var ysf prompt(请输入运算符);var result null;switch (ysf) {case :result num1 num2 (num1 num2);break;case -:result num1 - num2 (num1 - num2);break;case *:result num1 * num2 (num1 * num2);break;case /:result num1 / num2 (num1 / num2);break;default:result 运算符错误;break;}alert(result)/script
/head
body/body
/html
练习从浏览器接收1-7之间的正整数判断并输出是星期几 scriptvar day 3;var week;switch (day) {case 1:week 星期一;break;case 2:week 星期二;break;case 3:week 星期三;break;case 4:week 星期四;break;case 5:week 星期五;break;case 6:week 星期六;break;default:week 星期日;}document.write(今天是 week); //输出今天是星期几/script 1.4. 循环结构while
在 JavaScript 中循环语句指的是在满足某个条件下循环反复地执行某些操作的语句。
语法
while(条件){//当条件为 true 时循环执行
}
// 利用while循环输出1~10
// 准备一个迭代变量
var i 1;
while ( i 10){
console.log(i);
i;
}
举例计算123…100的值
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/titlescriptvar n 1;var sum 0;//如果n小于等于100则会执行while循环while (n 100) {sum sum n;n n 1;}document.write(123…100 sum);/script/headbody/body
/html
举例死循环
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/titlescriptwhile (true) {alert(我也是醉了~);}/script/headbody/body
/html
1.5. 循环结构do…while
在 JavaScript 中除了while语句我们还可以使用do…while语句来实现循环。
语法
do{……
}while(条件);
说明 do…while 语句首先是无条件执行循环体一次然后再判断是否符合条件。如果符合条件则重复执行循环体如果不符合条件则退出循环。 do…while语句跟while语句是非常相似的并且任何一个都可以转换成等价的另外一个。 do…while语句结尾处括号后有一个分号;该分号一定不能省略。
举例
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/titlescriptvar n 1;var sum 0;do {sum n;n;} while (n 100);document.write(123…100 sum);/script/headbody/body
/html
1.6. 循环结构for
在 JavaScript 中除了 while 语句以及 do…while 语句我们还可以使用 for 语句来实现循环。
语法
for(初始化表达式; 条件表达式; 循环后操作){……
}
举例
!DOCTYPE html
htmlheadmeta charsetutf-8 /title/titlescriptfor (var i 0; i 5; i) {document.write(i br/);}/script/headbody/body
/html
