多分支语句
多分支语句:使用 switch 语句来选择要执行的多个代码块之一。关键字switch之后紧跟着圆括号括起来的一个表达式,随后是一对花括号括起来的代码块。
作用: 提供了多个分支,功能类似if-else级联式,但是代码的可读性更好。
语法:当执行这条switch语句的时候,它首先计算表达式的值,然后查找case子句中的表达式是否和表达式的值相同(这里的“相同”是按照“===”运算符进行比较的)。如果找到匹配的case,那么将会执行这个case对应的代码块。如果找不到匹配的case,那么将会执行“default:”标签中的代码块。如果没有“default:”标签,switch语句将会跳过它的所有代码块。
switch(表达式){
case 值1:
代码段1
break;
case 值2:
代码段2
break;
case 值3:
代码段3
break;
default:
代码段4;
break;
}
注意事项 1. switch 后面是整型 或字符型的表达式
2. case 后面是整型或者字符型的常量
3. break: case和default 默认都跟随一个,用于结束当前语句
4.default: 类似于 if-else 中的else 。如果case的值,都无法和表达式匹配,那 么执行default后的代码。
练习:输入一个m,男性;输入一个f,女性; 输入一个h, 哈哈哈;否则,未知。
var v = prompt("请输入一个字符");
switch(v){
case 'm':
alert("男性");
break;
case 'f':
alert("女性");
break;
case 'h':
alert("哈哈哈");
break;
default:
alert("未知");
break;
}
prompt() 输入框:返回的数据,默认是字符串类型。即使不是,也会自动转换。
数据类型转换:
1 . 隐式转换 (自动转换):变量里,存储的数据是什么类型, 这个变量就是什么类型。
< script>
var a = 10;
a = "1";
< /script>
2.显示转换 (手动转换)
parseInt() : 将小括号中的内容, 转换为Number类型, 并返回。
String() : 将括号中的内容,转换为字符串。 并返回
< script>
var a = 10;
a = "1";
console.log(typeof a); // string
console.log(typeof parseInt(a)); // Number
console.log(typeof String(10));
< /script>
练习:
var s = prompt("请输入一个数字");
console.log(typeof s);
switch(parseInt(s)){
case 1:
alert("李现");
break;
case 2:
alert("热巴");
break;
case 3:
alert("丁丁咣");
break;
case 4:
alert("光定达");
break;
default:
alert("未知");
break;
}
while循环
基本结构: 注意:使用while(true)将会创建一个死循环。
1. 循环变量 记录循环的次数
var x = 0;
while(x < 3){ //2. 循环条件
3. 循环体
console.log("今天的。。。。");
4. 循环增量
x++;
}
练习,输出10遍,~~~
var z = 0;
while (z < 10){
console.log("从此相逢是路人");
z++;
}
for循环
基本结构:
for(1.循环变量; 2.循环条件; 4.循环增量){
3.循环体
}
for(var i = 0; i < 2; i++){
console.log("我要开始变身了");
}
break 和 continue 它俩之间不得不说的故事
相同点: 都可以改变循环执行的状态, 都不能单独使用; 之后的代码都不再执行
不同点: 1. break在分支语句中,用于结束整个分支 语句,continue则不是;
2. 在循环中, break结束当前整个循环,继续执行下一个功能。
continue则是结束本轮循环,继续下一轮循环;
document.write() : 输出到页面;
用于控制台无法很好的显示 时 的测试,
因为它会覆盖当前页面的所有内容
练习:
1. *
**
***
for(var h1=1; h1<4; h1++){
for(var h2=0; h2<h1; h2++){
document.write("* ");
}
document.write("<br />");
}
document.write("<br />");
2. ***
**
*
for( var w1=0; w1<3;w1++){
for ( var w2=3; w2>w1;w2--){
document.write("*");
}
document.write("<br 、>");
}
3. 1
12
123
for(var g=1;g<5;g++){
for(var g1=1; g1<g; g1++){
document.write(g1);
}
document.write("<br />");
}
document.write("<br />");
4. 123
12
1
for(var g=0; g<=3;g++){
for(var g1=1; g1<=3-g;g1++){
document.write(g1);
}
document.write("<br />");
}
5. 321
32
3
for(var y=0;y<4; y++){
for(var y1=3;y1>y;y1--){
document.write(y1);
}
document.write("<br />");
}
document.write("<br />");
6. 3
32
321
for(var y=1;y<4; y++){
for(var y1=3;y1>3-y;y1--){
document.write(y1);
}
document.write("<br />");
}
7. **
***
****
for(var j=2; j<5;j++){
for(var k=1; k<=j;k++){
document.write("*");
}
document.write("<br />");
}