JavaScript基础03
开发工具与关键技术:VS 与JavaScript 作者:北道海棠 撰写时间:2019.04.15
今天要了解的是JavaScript的两种语句,分别为分支语句和循环语句,这两种语句的用法和意义是什么,下面具体了解一下。
1. 分支语句
分支语句的第一类它主要就是由if() …else() …构成,分成了3种写法,第一种为单独用if()、、、语句去判断。例子如下
写法: if(表达式){代码块}
var x=3;
if(x>=3) { alert(“ x>=3是正确的”)};
第二种为:if …else …它的大意和英语的一样,如果…否则…,例子如下
if (x > 3) {
alert("x>3是正确的");//如果正确就直接输出,否则就输出下面那一句
} else {
alert("x>3是错误的");
}
第三种为:if …else if …else…,如果有足够多的判断条件,按理论来说,它是可以一直嵌套下去的。例子如下
var age = 14; //14为自定义值
if (age < 12) { //判断是否小于12,如符合就输出“儿童”,不符则进行下一个判断
console.log("儿童");
} else if (age < 18) { //意为:12<age<18,符合就输出“青少年”,不符则进行下一个判断
console.log("青少年");
} else if(age < 28){ //意为:18<age<28,符合就输出“青年”,不符则进行下一个判断
console.log("青年");
} else if{ ............ //根据个人要求,以此往下推,合理即可。
(注在这里if括号里的值最终得到的是布尔值,如果为true就直接输出,为false则进行下一个判断)
分支语句的第二类为switch语句,它和if()…,但是写法不同。
写法为:switch(变量/表达式){ case 表达式值1: 语句块1; break; ....
case 表达式N: 语句块N; break;
defaul: 语句块; break; }
例: var day = new Date().getDay();//Date():获取当前时间;getDay():一周当中的某一天
switch (day) {
case 0: console.log("今天是星期日"); break;
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;
default: console.log("输入错误"); break;
}
注case它指的是具体的一个值,区别于if那里则是一个范围。default为day都不满足以上条件,类似于if语句里面的最后一个eles。break在这里为跳出的意思,满足条件后就不再往下执行,如果没有break将一直进行下去直到default才结束。
在这里顺便说明一下continue, 它用于跳过循环中的一次迭代。即跳过这次循环,满足条件进行下次循环,所以它得放在循环体之前。写法大致如下:
var arr = [数组];//自定义
for(var i = 0; i < arr.length; i++) {//i++为步长
if(条件) {
continue;
}
console.log(arr[i]);
}
2. 循环语句
2.1 for循环语句
用一个循环数组来简单说明一下。先定义一个数字数组,然后再定义一个循环变量,它相当于一个索引来标识现在循环到哪一步了,再来个循环条件,满足条件再循环下去。如下
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
for(var i = 0; i < arr.length; i++) {//i++为步长
console.log(arr[i]);
}
2.2 for in循环
for in它一般为遍历数组或对象。具体如下
数组: for (var key in arr) {
console.log("索引" + key + "处的值是" + arr[key]);
}//语法:for(var i=0;i<x;i++){ 循环体; } x自定义值
对象:var student = { studentId: "201704001", name: "小明", age: 18 };
for (var key in student) {
console.log("属性" + key + "的值是" + student[key]);
}//语法:for(x in object){ 循环体:console.log(object[X]); }
2.3 while循环
while循环语句例:
var arr = [1,2,3,4,5,6]; var i=0;
while (i < arr.length) {
console.log("索引" + i + "处的值是:" + arr[i]);
i++;//对变量进行修改
}// 语法: while(条件){ 循环体;}
do…while先执行一遍花括号里面的代码,然后再判断while里面的条件码,所以不管while里面的条件判断码为真还是假,它都会执行一次
do{
console.log("索引" + i + "处的值是:" + arr[i]);
i++;//对变量进行修改
} while (false) //语法:do{ 循环体; } while(条件);
注:while循环和do…while循环一定要在循环体里面对循环条件进行修改,否则可能会陷入死循环,需要强制关闭或在任务管理器中才能关闭。但是在有的特殊时候可能会用到死循环,
那么特殊情况下要无限执行的写法为:while(true){ 代码块 }
以上便是今天了解的JavaScript的分支语句和循环语句。