javascript学习之分支与循环
2012-09-20 18:04
225 查看
根据用户的输入进行计算
使用window.prompt可以弹出包含输入框的窗口,用户输入的内容将是此函数的返回值var msg = window.prompt("请输入一个数字:","18");//prompt方法包含一个必须参数和一个可选的参数
//第一个参数是必须的,将在窗口中显示的文字,第二个参数是可选的,为文本框的预设值
alert(msg);
分支判断与循环
分支结构
单一选择结构(if)二路选择结构(if/else)
内联三元运算符 ?:
多路选择结构(switch)
var condition = true; if (condition) { alert("我将出现!"); } condition = false; if (condition) { alert("我不会出现!"); } else { alert("我会出现!"); } condition ="some string"; if (condition) { alert("可以直接对任何数据类型进行if判断,在判断时计算会自动将其转换成布尔值!"); } var val = condition?"当为true时我将被返回":"当为false时我将被返回"; alert(val);//将输出"当为true时我将被返回"
对于if..else语句,如果要执行的语句只有一条,可以不使用“{}”,但这种写法并不推荐.但确实这样可以简化代码:
var str ="one"; if (str=="one") alert("str的值为字符串'one' !"); else alert("not one");
虽然JavaScript中没有if .... elseif 结构,但可以使用if...else的简写方式得到
//为了判断用户输入的成绩的范围,我们使用了多重嵌套的if .. else语句 var num = window.prompt("请输入XXX的成绩!",""); num *=1;//window.prompt方法始终只返回字符串,用这样的方法将其转换成数字 if (isNaN(num) && num) {//不能将其它值转换成数字时将返回NaN,可以用内置的isNaN判断值是否是NaN alert("您输入的不是一个数字!"); } else { if (num<=100 && num>=90) { alert("Excellent!"); } else { if (num =80) { alert("Good!"); } else { if (num < 80 && num >= 70) { alert("So so!"); } else { if (num < 70 && num >=60) { alert("Be careful !!!"); } else { if (num < 60 && num >= 0) { alert("Oh, NO!"); } else { alert("USB!"); } } } } } } //上面的代码由于用了多重的if..else嵌套,显得非常的混乱,简化只须将else后的花括号去掉就行了
// if (...) {...}这算是一句
if (isNaN(num)) {
alert("您输入的不是一个数字!"); }
else if (num<=100 && num>=90) {
alert("Excellent!"); }
else if (num =80) {
alert("Good!"); }
else if (num < 80 && num >= 70) {
alert("So so!"); }
else if (num < 70 && num >=60) {
alert("Be careful !!!"); }
else if (num < 60 && num >= 0) {
alert("Oh, NO!"); }
else { alert("USB!"); }
//看上去清晰多了,但要注意的是,JavaScript中没有elseif 这样的语法,所以上的else if之间是有空格的
用于进行多次判断的switch语句
switch(condition) { //switch本来就是跳转的意思(又称为“开关”),所以switch语句就是判断情况,跳到符合的情况开始执行 case 4: alert("c的值是4"); case 3: alert("c的值肯定大于等于3"); case 2: alert("c的值肯定大于等于2"); case 1: alert("c的值肯定大于等于1"); } //可以使用 break来只执行符合一个条件的语句 switch(condition) { case 4: alert("c的值是4"); break; case 3: alert("c的值是3"); break; case 2: alert("c的值是2"); break; case 1: alert("c的值是1"); break; }
var condition="one"; switch(condition) {//switch不但可以用来判断数字,还可以判断字符串,甚至是不定的变量 case "one": alert("condition的值是字符串'one' !"); break; case "three": alert("condition的值是字符串'three' !"); break; case "four": alert("condition的值是字符串'four' !"); break; case "five": alert("condition的值是字符串'five' !"); break; default://当所有情况都不匹配时,将执行default语句后的 alert("我们要万无一失!condition什么都不是!"); }
循环
循环用来指明当某些条件保持为真时要重复的动作。当条件得到满足时,就跳出循环语句。在 JavScript 中有四种循环结构可用。由计数器控制的循环(for)
在循环的开头测试表达式(while)
在循环的末尾测试表达式(do/while)
对对象的每个属性都进行操作(for/in)
for 语句指定了一个计数器变量,一个测试条件,以及更新该计数器的操作。在每次循环的重复之前,都将测试该条件。如果测试成功,将运行循环中的代码。如果测试不成功,不运行循环中的代码,程序继续运行紧跟在循环后的第一行代码。在执行该循环后,计算机变量将在下一次循环之前被更新。
for (var i=0;i<10;i++) {//for循环的圆括号里面须放三个句子,分别是1.初使化计数器 2.判断条件 3.更新计数器 alert("i当前的值为"+i); }
其实for循环语句完全可以这样写,下面的代码和上面的效果是一样的(虽然没有必要,但从这样的代码可清楚看出for循环如何工作的)
var i=0;//循环进行之前初始化i for(;;) {//for语句括号中必须有三个语句,但可以为空语句 if (i<10) {//当条件为true时才执行代码 alert("i当前的值为"+i); } else {//当条件为false时就退出循环 break;//使用break退出循环 } }
一个死循环最能说明while的工作方式了(但这样的错误我们绝不能在实际编程中出现)
while (true) { alert("你关不掉我的!");//这就是网上那些所谓的高手写的“关不上的窗(周传雄新歌,力荐)”代码 }
do..while循环与while循环不同之处在于它至少将代码块中的代码执行一次
do { alert("我肯定会出现一次的"); } while (false);
而对于for ... in循环,我们将在讲解数组和对象时使用
相关文章推荐
- 韩顺平 javascript教学视频_学习笔记5_js三大流程控制(顺序流程、分支控制、循环控制)
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第22讲_js三大流程控制(顺序流程、分支控制、循环控制)_学习笔记_源代码图解_PPT文档整理
- JavaScript for Kids 学习笔记5. 分支和循环
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第23讲_js三大流程控制(顺序流程、分支控制、循环控制)_js调式技巧_学习笔记_源代码图解_PPT文档整理
- Javascript学习笔记之 对象篇(四) : for in 循环
- JavaScript学习笔记31-利用循环语句给数组添加元素
- JavaScript学习--Item16 for 循环和for...in 循环的那点事儿
- shell学习十三--分支与循环
- 零基础入门学习Python(8)--了不起的分支和循环2
- JavaScript学习笔记(十六) 初始化时分支
- 零基础入门学习Python(8)--了不起的分支和循环2
- JavaScript学习笔记——简单无缝循环滚动展示图片的实现
- javascript高级程序设计学习笔记【数据类型、循环控制语句】
- JavaScript学习笔记之循环在遍历数组的简单使用
- Python学习笔记——分支循环
- JavaScript学习笔记 6-循环、数组和函数 Loops , Arrays and Function
- 零基础入门学习Python(7)--了不起的分支和循环1
- 黑马程序员——C语言基础学习(二)---分支结构和循环结构
- JavaScript学习--Item17 循环与prototype最后的几点小tips
- javascript中的分支判断与循环