第6讲 Javascript循环语句(一)
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
例：用do-while完成1-100以内的累加 <script language="javascript"> var i,sum=0; i=1; do{ sum=sum+i; i++; }while (i<=100); document.write("结果为：",sum); </script>
小结2
[<初始化>]
while(循环条件) { <循环体> }
循环条件中使用的变量需要 经过初始化
1、 while循环
while (index < 100) { ... ... index++; }
while (1)
while 循环主体中的语句必须 修改循环条件的值，否则会 形成死循环
真
while 循环示例
编程：用do-while打印出1-100之间所有的偶数
总结
Array对象常用的属性是length，排序方法：sort 循环语句分为：for 循环、while循环、do-while 循环、for…in
作业 一(必做)
1.完成上课案例
2.一个小和尚挑水，要把水缸装满，而且每次只能挑5升 水，水缸容纳80升水，问小和尚要挑几次才能把水缸挑 满。(while 与do-while)
3.问题描述： 猜数游戏。要求猜一个介于1～10之间的数字，根据用户 猜测的数与标准值进行对比，并给出提示，以便下次猜 测能接近标准值，直到猜中为止。
作业 二（选做）
输入一个字符，直到N 停止，用哪个循环
内存
<script language="javascript"> null 11 1 2 100 10 var num=1,result; while (num<=10) { 输出： result=num*10; 1 × 10 ＝ 10 document.write(num+"*10结果为：\t"+result+"<br>"); 2 × 10 ＝ 20 num++; 3 × 10 ＝ 30 } 4 × 10 ＝ 40 </script> 5 × 10 ＝ 50
循环
do-while while
for循环
for-in
程序中需要用循环结构
Var result1,result2,result3; Var result4,result5; result1 = 1 * 10; alert("1 × 10 ＝ %d \n",result1); result2 = 2 * 10; alert("2 × 10 ＝ %d \n",result2); result3 = 3 * 10; alert("3 × 10 ＝ %d \n",result3); result4 = 4 * 10; alert("4 × 10 ＝ %d \n",result4); result5 = 5 * 10; alert("5 × 10 ＝ %d \n",result5);
JavaScript 循环语句
主讲老师：方丹
回顾
条件语句有哪些？ 该如何定义条件语句和使用？
本节目标
任务一：数组的定义和应用 任务二：使用循环语句while 任务三：使用循环语句do-while
预习检查
JavaScript的循环语句有哪些？
任务一：数组
声明数组 var 数组名 = new Array(数组大小); 例： var emp = new Array(3) emp 添加元素 AA emp[0] = “AA";
emp[1] = “BB"; BB emp[2] = “CC"; CC 也可以声明数组并赋初值： 例： var emp=new Array(“AA”，“BB”，“CC”)；
1、数组
<HTML> <HEAD> <TITLE>使用数组</TITLE> <SCRIPT LANGUAGE = "JavaScript"> var emp = new Array(3); emp[0] = “Li Ming"; emp[1] = “Wang Xiao"; emp[2] = “Miss Liu"; document.write("数组emp中的数据为:<HR>"); document.write(emp[0]+"<BR>"); document.write(emp[1]+"<BR>"); document.write(emp[2]+"<BR>"); </SCRIPT> </HEAD> </HTML>
1 × 10 ＝10
输出结果
2 × 10 ＝20 3 × 10 ＝30 4 × 10 ＝40
5 × 10 ＝50
重复语句
程序中需要用循环结构
0+1 1+1 2+1 上个数字 + 1 ...
1 × 10 = 10 2 × 10 = 20 3 × 10 = 30 4 × 10 = 40
5 × 10 = 50
循环
老师在批改100份试卷 的时候，对每一份试卷 都要：
判断对错
给分数 计算总分
完成试卷批改任务时， 三个动作重复了100次。
循环
循环：将一个任务分解为重复执行的一组动作
判断对错
计算总分
给出分数
得出结论： 循环结构又称为重复结构；需要多次重复执行一个或多个 任务的问题考虑使用循环来解决
6 × 10 ＝ 60 7 × 10 ＝ 70 8 × 10 ＝ 80 9 × 10 ＝ 90 10 × 10 ＝ 100
num
result
2、循环示例
例：完成1-100以内的累加
<script language="javascript"> var i,sum=0; i=1; while (i<=100) { sum=sum+i; i++; } document.write("结果为：",sum); </script>
数组
常用属性 length ：返回数组中元素的个数
Baidu Nhomakorabea
常用方法
方法 说明 join 返回将数组中的元素组合成字符串的对象 reverse 返回颠倒数组元素的顺序的对象，使第一个元 素成为最后一个，而最后一个元素成为第一个 sort 返回对数组元素进行排序
2、数组排序
<SCRIPT LANGUAGE = "JavaScript"> var emp = new Array(3); emp[0] = “Li Ming"; emp[1] = “Wang Xiao"; emp[2] = “Miss Liu"; emp.sort( ); document.write(“排序结果是：<HR>"); document.write(emp[0]+"<BR>"); document.write(emp[1]+"<BR>"); document.write(emp[2]+"<BR>"); document.write(emp.join(".")); document.write(emp. reverse (".")); </SCRIPT>>
小结1
编程：用while打印出1-100之间所有的偶数
任务二： do…while循环
while 循环的一般语法： 工作原理
do {
Javascript语句; } while (表达式);
它先执行循环体中的语句， 然后再判断条件是否为真， 如果为真则继续循环；如果 为假，则终止循环。
do-while循环示例
重复
(上个数字 +1) × 10
得出结论： 循环结构又称为重复结构；需要多次重复执行一个或多个 任务的问题考虑使用循环来解决
任务二： while循环
while 循环的一般语法： 工作原理
while (表达式) { Javascript语句; }
计算表达式的值，当值为真(非0) 时，执行循环体语句，一旦条件为 假，就停止执行循环体。如果条件 在开始时就为假，那么不执行循环 体语句直接退出循环。
小结2
[<初始化>]
while(循环条件) { <循环体> }
循环条件中使用的变量需要 经过初始化
1、 while循环
while (index < 100) { ... ... index++; }
while (1)
while 循环主体中的语句必须 修改循环条件的值，否则会 形成死循环
真
while 循环示例
编程：用do-while打印出1-100之间所有的偶数
总结
Array对象常用的属性是length，排序方法：sort 循环语句分为：for 循环、while循环、do-while 循环、for…in
作业 一(必做)
1.完成上课案例
2.一个小和尚挑水，要把水缸装满，而且每次只能挑5升 水，水缸容纳80升水，问小和尚要挑几次才能把水缸挑 满。(while 与do-while)
3.问题描述： 猜数游戏。要求猜一个介于1～10之间的数字，根据用户 猜测的数与标准值进行对比，并给出提示，以便下次猜 测能接近标准值，直到猜中为止。
作业 二（选做）
输入一个字符，直到N 停止，用哪个循环
内存
<script language="javascript"> null 11 1 2 100 10 var num=1,result; while (num<=10) { 输出： result=num*10; 1 × 10 ＝ 10 document.write(num+"*10结果为：\t"+result+"<br>"); 2 × 10 ＝ 20 num++; 3 × 10 ＝ 30 } 4 × 10 ＝ 40 </script> 5 × 10 ＝ 50
循环
do-while while
for循环
for-in
程序中需要用循环结构
Var result1,result2,result3; Var result4,result5; result1 = 1 * 10; alert("1 × 10 ＝ %d \n",result1); result2 = 2 * 10; alert("2 × 10 ＝ %d \n",result2); result3 = 3 * 10; alert("3 × 10 ＝ %d \n",result3); result4 = 4 * 10; alert("4 × 10 ＝ %d \n",result4); result5 = 5 * 10; alert("5 × 10 ＝ %d \n",result5);
JavaScript 循环语句
主讲老师：方丹
回顾
条件语句有哪些？ 该如何定义条件语句和使用？
本节目标
任务一：数组的定义和应用 任务二：使用循环语句while 任务三：使用循环语句do-while
预习检查
JavaScript的循环语句有哪些？
任务一：数组
声明数组 var 数组名 = new Array(数组大小); 例： var emp = new Array(3) emp 添加元素 AA emp[0] = “AA";
emp[1] = “BB"; BB emp[2] = “CC"; CC 也可以声明数组并赋初值： 例： var emp=new Array(“AA”，“BB”，“CC”)；
1、数组
<HTML> <HEAD> <TITLE>使用数组</TITLE> <SCRIPT LANGUAGE = "JavaScript"> var emp = new Array(3); emp[0] = “Li Ming"; emp[1] = “Wang Xiao"; emp[2] = “Miss Liu"; document.write("数组emp中的数据为:<HR>"); document.write(emp[0]+"<BR>"); document.write(emp[1]+"<BR>"); document.write(emp[2]+"<BR>"); </SCRIPT> </HEAD> </HTML>
1 × 10 ＝10
输出结果
2 × 10 ＝20 3 × 10 ＝30 4 × 10 ＝40
5 × 10 ＝50
重复语句
程序中需要用循环结构
0+1 1+1 2+1 上个数字 + 1 ...
1 × 10 = 10 2 × 10 = 20 3 × 10 = 30 4 × 10 = 40
5 × 10 = 50
循环
老师在批改100份试卷 的时候，对每一份试卷 都要：
判断对错
给分数 计算总分
完成试卷批改任务时， 三个动作重复了100次。
循环
循环：将一个任务分解为重复执行的一组动作
判断对错
计算总分
给出分数
得出结论： 循环结构又称为重复结构；需要多次重复执行一个或多个 任务的问题考虑使用循环来解决
6 × 10 ＝ 60 7 × 10 ＝ 70 8 × 10 ＝ 80 9 × 10 ＝ 90 10 × 10 ＝ 100
num
result
2、循环示例
例：完成1-100以内的累加
<script language="javascript"> var i,sum=0; i=1; while (i<=100) { sum=sum+i; i++; } document.write("结果为：",sum); </script>
数组
常用属性 length ：返回数组中元素的个数
Baidu Nhomakorabea
常用方法
方法 说明 join 返回将数组中的元素组合成字符串的对象 reverse 返回颠倒数组元素的顺序的对象，使第一个元 素成为最后一个，而最后一个元素成为第一个 sort 返回对数组元素进行排序
2、数组排序
<SCRIPT LANGUAGE = "JavaScript"> var emp = new Array(3); emp[0] = “Li Ming"; emp[1] = “Wang Xiao"; emp[2] = “Miss Liu"; emp.sort( ); document.write(“排序结果是：<HR>"); document.write(emp[0]+"<BR>"); document.write(emp[1]+"<BR>"); document.write(emp[2]+"<BR>"); document.write(emp.join(".")); document.write(emp. reverse (".")); </SCRIPT>>
小结1
编程：用while打印出1-100之间所有的偶数
任务二： do…while循环
while 循环的一般语法： 工作原理
do {
Javascript语句; } while (表达式);
它先执行循环体中的语句， 然后再判断条件是否为真， 如果为真则继续循环；如果 为假，则终止循环。
do-while循环示例
重复
(上个数字 +1) × 10
得出结论： 循环结构又称为重复结构；需要多次重复执行一个或多个 任务的问题考虑使用循环来解决
任务二： while循环
while 循环的一般语法： 工作原理
while (表达式) { Javascript语句; }
计算表达式的值，当值为真(非0) 时，执行循环体语句，一旦条件为 假，就停止执行循环体。如果条件 在开始时就为假，那么不执行循环 体语句直接退出循环。