JavaScript入门(3)
原创
3、流程控制
JavaScript对程序流程的控制跟其他编程语言是一样的，主要有3种：
（1）顺序结构；
（2）选择结构；
（3）循环结构；
一、选择结构
在JavaScript中，选择结构共有5种：
（1）if语句;
（2）if……else语句;
（3）if……else if……语句;
（4）if语句的嵌套;
（5）switch语句;
二、循环结构
在JavaScript中，循环结构总有3种：
（1）while语句；
（2）do……while语句；
（3）for语句；
三、跳转语句
JavaScript支持的跳转语句主要有2种：
（1）break语句；
（2）continue语句；
break语句与continue语句的主要区别是：break是彻底结束循环，而continue是结束本次循环。在这一点跟其他编程语言（如C和Java）相同。
四、训练题
（1）题目：计算100以内所有奇数的和比较简单，使用for语句就可以实现。
代码实现如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var sum=0;
for(var i=1;i<100;i+=2)
{
sum+=i;
}
document.write("100以内所有奇数和为："+sum);
</script>
</head>
<body>
</body>
</html>
在浏览器预览效果如下：
分析：
“i+=2”等价于“i=i+2”，“sum+=i”等价于“sum=sum+i”。这些基础的东西可别忘了。
（2）
题目：输出所有的“水仙花数”。所谓“水仙花数”是指一个3位数，其各位数字立方和等于该数的本身。例如，153就是一个水仙花数，因为153=13+53+33。
代码实现如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
document.write("水仙花数有：");
for(var i=100;i<1000;i++)
{
var a=i%10;//提取个位数
var b=(i/10)%10 //提取十位数
b=parseInt(b);
var c=i/100;//提取百位数
c=parseInt(c);
if(i==(a*a*a+b*b*b+c*c*c))
{
document.write(i+",");
}
}
</script>
</head>
<body>
</body>
</html>在浏览器预览效果如下：
分析：
parseInt()函数是将一个数转换为整型数据，我们在“JavaScript类型转换”这一节中已经详细给大家讲解了。
（3）
题目：找出字符串中“how are you doing？”中所有小于字母“s”的字符，并在页面输出。
代码实现如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
var str="how are you doing？";
var result="";
for(var i=0;i<str.length;i++)
{
if(str.charAt(i)<"s")
{
result+=str.charAt(i)+",";
}
}
document.write(result);
</script>
</head>
<body>
</body>
</html>在浏览器预览效果如下：
分析：
这些是字符串的内容，如果大家不懂没关系，现在只是让大家接触一下。因为例子要是太过于简单，大家学得也没有激情。这些在“JavaScript字符串对象”这一章中，我们会详细讲解到。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
