前言
JavaScript简称 js，js堪称是网页的灵魂，用于网页的交互功能，能够跨平台、浏览器驱动网页，与用户交互，是一门脚本编程语言、可插入html页面之中
目录
- 简单介绍
- 顺序结构
- 分支结构
- 循环结构
- break、continue的用法
JavaScript的简单介绍
1.由所有浏览器可执行
2.外部文件中，也可以用ctrl+/ 来进行注释
3.代码可以引入网页的任何地方，如可以放在网页中header、body、外部；
4.如果js库特别大，推荐放在body的最底部，浏览器解释完body后，再去解析库，不影响网页页面的显示效果
<1>顺序结构
没有任何结构就是顺序，所有语句从上到下，逐条执行，顺序结构：注释语句、赋值语句、输入/输出等语句
<2>分支结构
1.单分支：【如果if(条件)是ture，那么执行if(){}所有语句，否则直接跳过if结构】
*格式为：if（条件）{
....；
}
2.双分支/多分支：（if...else；if ... else if ... else if ...）
*多分支格式：if（）{}（范围比较）
else if(){}
else{}
案例如下：
<script type="text/javascript">
let m = 30;
let n = 30;
if(m>n){
console.log("最大值", m);
}
else if(m==n){
console.log("两值相等")
}
else{
console.log("最大值是", n);
}
</script>*switch格式：（精确比较）
let n=value；
switch(n){（将n与case后的值匹配，匹配成功，则执行break，否则继续下面匹 配）
case value：
console.log(n==value);（若case后的值与n的值相等，则执行此语句）
break;
case value01：
console.log(n==value01);（若case后的值与n的值相等，则执行此语句）
break;
default:
console.log(“条件都没有满足”)
break;
}
案例如下：（判断定义的变量是星期几）
<script type="text/javascript">
let s = "Sunday";
switch(s){
case "Monday":
console.log("星期一");
break;
case "Tuesday":
console.log("星期二");
break;
default:
console.log("其他周天");
break
}
</script><3>循环结构（循环目标是可以被遍历、被迭代；起始条件；终止条件；判断条件）
1.for循环（for(){}）
*格式为：for(条件1；条件2；条件3；){
console.log（）；
}
2.while循环（先判断，再执行）
while(条件){
....
}
3.do...while循环（先执行，再判断）
do{
....
}while(条件)
案例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
// for 循环
let n =[1,2,3,4,5,6,7,8];
for(let m=0;m<n.length;m++){
console.log("打印了")
}
console.log(n);
// while循环
let i=0;
while(i<10){
console.log(i);
i++;
}
// do...while循环
let a =0;
do{
console.log(a);
a++;
}while(a<10)
</script>
</body>
</html>
<4>break、continue的用法
break：终止整个循环
continue：终止本次循环，开始进入下一次循环
案例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
let obj={"name":"Jack", "id":101, "sex":"man"}
for(let key in obj){
console.log(key, obj[key]);
}
// break（终止整个循环体）
for(let a=0;a<5;a++){
if(a==3){
break;
}
console.log(a);
}
// 最后取值为0、1、2
// continue
for(let m=0;m<10;m++){
if(m==5){
continue;
}
console.log(m);
}
// 最后取值为0、1、2、3、4、6、7、8、9
</script>
</body>
</html>
总结
每一门语言，面对分支、循环都会有自己的写法，注重写法格式是重点，知识侧重点基本都一样，通过检查可以获取网页的原代码数据，让程序跑一遍，更深的了解程序的运行。
练习循环小题目：
1. 利用for、while、do...while 求100-1000中，5的倍数
2.利用for、while、do...while 求0-100中，所有3的倍数的总和值
* 养成自己动手的好习惯，下期公布答案哈！！！
扫一扫
212
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
