1. if 分支语句
- if()语句
if(条件){ 如果条件满足,那么就执行花括号里边的内容 满足条件执行语句;}
<script type="text/javascript">
if (true) {
}
</script>
<script type="text/javascript">
if (true) {
} else {
}
</script>
var x = 3;
if(x==3){ //条件成立
console.log('这里判断符合条件执行这里代码'); //执行这里代码
}
- if else语句
if(条件){ 如果条件满足,那么就执行花括号里边的内容,不满足的,就执行else后边的内容 满足条件执行语句;} else{ 满足条件执行语句;}
var x = 3;
if(x>3){ //条件成立
console.log('这里判断大于3执行的代码'); //执行这里代码
}else{ //否则
console.log('这里判断符合不大于3执行的代码');//执行这里代码
}
//示例2 红绿灯
// if else
var deng = "green";
if (deng == "green") { //如果 灯 == 绿
console.log("可以过马路"); //条件成立执行代码
} else if(deng == "yellow"){ //否则 灯 == 黄
console.log("等一等"); //条件成立执行代码
} else { //否则
console.log("不可以过马路"); //条件都不成立执行代码
}
2. switch 语句
switch ( 传入变量 ){ case 值1: 执行值1代码; break; case 值2: 执行值2代码; break; default: 上面值1、值2 都不符合执行default代码; }
case
判断变量与值是否恒等
break
跳出这个条件语句继续执行语句之外的代码
continue
用于跳过循环中的一个迭代,执行下一次循环
default
如果上面的case
没有符合的条件执行现在的代码
<script type="text/javascript">
switch(表达式){
case 常量1 : javascript代码; break;
case 常量2 : javascript代码; break;
...
default : javascript 代码;
}
</script>
switch(date){
case 1: // === 恒等 数据类型和值同时要相等
console.log("星期一");
break;
case 2:
console.log("星期二");
break;
case 3:
console.log("星期三");
break;
case 4:
console.log("星期四");
break;
case 5:
console.log("星期五");
break;
case 6:
console.log("星期六");
break;
case 0:
console.log("星期日");
break;
default:
console.log('有问题一周不可能有八天吧');
}
3. for 循环语句
for (语句 1; 语句 2; 语句 3){被执行的代码块 }
语句 1 在循环(代码块)开始前执行
语句 2 定义运行循环(代码块)的条件
语句 3 在循环(代码块)已被执行之后执行
for ( 初始值; 条件 ; 数值变化 ){ 执行当前条件的代码 }
<!--for-->
<script type="text/javascript">
for (初始化;条件判断;改变初始值) {
}
</script>
//常用定义方式,递增方式和递减方式都可以试试
for(var a=1;a<=10;a++){
console.log('a');
}
//上面的定义方式就像下面的方式,下面的方式也一样能执行。结果一致
var a = 1;
for (; a < 10;) {
document.write("a");
a++;
}
//if for 结合使用示例
for (var a = 1; a <= 100; a++) {
if (a % 5 == 0) {
document.write(a + "<br>");
} else {
document.write(a);
}
}
4. while循环语句
while
循环会在指定条件为真时循环执行代码块
while (条件) { 需要执行的代码 }
<!--while-->
<script type="text/javascript">
while(true){
}
</script>
var i = 1;
while (i<5)
{
x=x + "The number is " + i + "<br>";
i++;
}
5. do while循环语句
do/while
先执行do
里面的代码块然后再进行while
判断
do { 需要执行的代码 } while (条件);
<script type="text/javascript">
do{
}
while(true);
</script>
var i = 5;
do
{
x=x + "The number is " + i + "<br>";
i++;
}
while (i<5);
6. for in 循环语句
for...in
语句用于对数组或者对象的属性进行循环操作
for ( 变量 in 对象 ){ 在此执行代码 }
//遍历数组
var arr = new Array('北京','上海','南京');
//i 是当前数据的key值 :0,1,2 arr是需要遍历的数据
for(var i in arr){
//arr[0]
//arr[1]
//arr[2]
document.write(arr[i]);// 输出 : 北京 上海 南京
}
7.逻辑中断(短路运算)
表达式1 || 表达式2
表达式1 成立返回表达式1 , 如果表达式1 不成立返回表达式2
表达式1 && 表达式2
表达式1 为假返回表达式1 , 如果表达式1 为真返回表达式2
// ||
var num = 0 || 2;
//得到的num值为 2
console.log(num);
//上面的方式不常见,看下面的例子
if( 0 || 2 ){
//代码可以运行到这里,因为执行到 2 返回true
}
if( 0 || 0 ){
//这样短路运算返回的false , 里面就不会执行了
}
// &&
var num = 0 && 2;
//得到的num值为 0
console.log(num);
//上面的方式不常见,看下面的例子
if( 0 && 2 ){//返回 0 不成立
//这样短路运算返回的false , 里面就不会执行了
}
if( 1 && 2 ){//返回 2 成立
//代码可以运行到这里,因为执行到 2 返回true
}