这篇文章是我自己在学习js过程中做的笔记,如果有错误或者遗漏的请评论告诉我。希望大家一起学习!
笔记内容主要有:流程控制语句
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
// 1.输出对话框:prompt("提示信息",默认值)
var a = prompt("你的名字是:","");
console.log(a,typeof a);
// 确定:得到输入的值或默认值 类型为string类型
// 取消:得到null 类型为object类型
// 2.单分支语句:if语句
/* 结构:
*
* if(条件A){
* 要执行的代码B (条件A成立时执行代码B)
* }
*
* 注意:只有当条件A成立时,才执行代码B,否则不执行。
*/
// 3.双分支语句:if...else语句 二选一
/* 结构:
*
* if(条件A){
* 要执行的代码B (条件A成立时执行代码B)
* }else{
* 要执行的代码C (条件A不成立时执行代码C)
* }
*
*/
// if...else语句例子: 输入1-100之间的整数,判断是偶数还是奇数?
var num = prompt("输入1-100的整数",0);
if(num%2 == 0){ (判断能否被2整除,如果能整除就是偶数,否则就是奇数)
alert(num+"是:偶数");
}else{
alert(num+"是:奇数");
}
// 4.多分支语句:if...else if...else语句 多选一
/* 结构:
*
* if(条件A){
* 要执行的代码B (条件A成立时执行代码B)
* }else if(条件B){
* 要执行的代码C (条件B成立时执行代码C)
* }else if(条件C){
* 要执行的代码D (条件C成立时执行代码D)
* }
* ...
* else{
* 以上条件都不满足,则执行else中的代码块
* }
*
* 注意:else可以省略 越苛刻的条件要放在前面
*/
// 5.多分支语句:switch...case语句
/* 结构:
switch(判断的值){
case 值A:
执行的代码块A;
break;
case 值B:
执行的代码块B;
break;
case 值C:
执行的代码块C;
break;
...
default:
执行的代码块D;
}
注意:switch...case语句判断是 判断值的大小也判断数据类型 (全等于 ===)
switch...case与if...else if...else的区别:
switch...case: 判断值的大小
if...else if...else: 判断值的大小也可以判断值的范围
*/
// switch...case语句例子: 输入1-4的整数判断季节
var a = prompt("请输入1-4的整数:",0)
a = parseInt(a); //由于a输出后是string类型,在case值中判断类型不一致,所以要强制转换为number类型
switch(a){
case 1:
console.log("春天");
break;
case 2:
console.log("夏天");
break;
case 3:
console.log("秋天");
break;
case 4:
console.log("冬天");
break;
default;
console.log("不在四季中");
}
// 6.for循环语句:先判断 后执行 重点掌握
/* 结构
for(初始变量;循环条件;更新循环变量){
执行循环体
}
执行过程:
第一步:初始化变量 i=0
第二步:判断是否满足循环条件 i<10
第三步:根据第二步的结果进行选择:
false:结束循环
true:执行循环体
第四步:更新循环变量 i++
第五步:返回第二步
for(i=0;i<10;i++){
循环体
}
i=10
注意:循环结束后i的值等于第一次不满足循环条件的取值
*/
/*
深入了解:
1.更新循环变量可以双向增减
2.更新循环变量:每次增加或减少的量可以修改
3.更新循环变量一定是一个赋值运算
*/
for(i=1;i<=10;i++){ 打印1-10之间的整数
console.log(i);
}
for(i=1;i>=1;i--){ 打印10-1之间的整数
console.log(i);
}
for(i=1;i<=100;i+=3){ 打印1,4,7,10...100之间的整数
cogsole.log(i);
}
// 7.for/in循环语句:遍历对象属性(主要针对对象)
/*结构:
for (x in 对象名){ // x 为属性名
循环体
}
*/
//例:
var person={fname:"John",lname:"Doe",age:25};
for (x in person){ // x 为属性名
console.log(x); //输出键名
console.log(person[x]); //输出键值
}
// 8.while循环语句:先判断 后执行 了解
/*结构:
初始化变量
while(循环条件){
循环体;
更新循环变量
}
执行过程与for循环一样
*/
// 9.do...while循环语句:先执行 后判断 了解
/*结构:
初始化变量
do{
循环体
更新循环变量
}while(循环条件);
执行过程:
第一步:初始化变量
第二步:执行循环体
第三步:更新循环变量
第四步:判断是否满足循环条件
第五步:根据第四步的结果进行选择:
false:结束循环
true:返回第二步
*/
// 10.Break 和 Continue 语句
//break语句用于跳出循环
//continue 用于跳过循环中的一个迭代,继续执行之后的代码
//continue语句:该例子跳过了值 3:
for (i=0;i<=10;i++){
if (i==3) continue;
console.log(i);
}
// 跳出多层循环: break 循环名称、continue 循环名称
//例:
aaa:for(i=0;i<5;i++){
bbb:for(i=0;i<5;i++){
break aaa; //跳出aaa循环
}
}
// 11.死循环:导致浏览器崩溃
// 循环条件永远为真
// 无更新循环变量
</script>
</body>
</html>