if语句
在我们开发程序的时候,经常会遇到选择题,例如,年龄大于18,你就可以抽烟喝酒烫头,年龄小于18,你就只能吃饭喝水。在我们的代码中,我们可以用if语句来实现这种判断
语法一:
if( condition ){ statement1; }
在说if语句之前,先来看两个方法prompt()和alert()
prompt
和用户进行交互的
语法:prompt()
功能:弹出输入框
返回值:
1、点击确定,返回输入内容
2、点击取消,返回null
alert
语法:alert()
功能:弹出警告对话框
判断年龄大于18,提示你已经成年了
var age = 35; if (age > 18){ alert('你已经成年啦。。。') }
语法二:
if( condition ){ statement1; }else{ statement2; }
用代码完成以下要求
var age = prompt('请输入你的年龄?') if (age > 18){ alert('你已经成年啦。。。'); }else{ alert('小屁孩,你还未成年。。。'); }
语法三:
if( condition ){ statement1; }else if(condition){ statement2; }…else{ statement3; }
var age = prompt('请输入你的年龄?') if (age < 18){ alert('小屁孩,你还未成年。。。'); }else if(age > 18 && age <59){ alert('成年了。。。'); }else { alert('年龄太大了。。。') }
if语句的嵌套
length
语法:string.length
功能:获取string字符串的长度
返回值:number
案例:
var password = prompt('请输入你的密码?') //判断密码的长度,如果不是6位,否则 if (password.length != 6){ alert('请输入6位的数字密码。。。'); }else { //如果密码是非数字,则是数字 if(isNaN(password)){ alert('密码必须是数字') }else { alert('密码设置正确') } }
小练习,判断下面的结果是:
var str = 'abc123' var num = parseInt(str) if (num == NaN){ alert(NaN) }else if (num == 123){ alert(123) }else if (typeof num == 'number'){ alert('number') }else { alert('str') }
结果:
View Code
switch
switch也是一个条件语句,当判断多于三个的时候,这时候不推荐使用if语句,建议使用switch语句
获取日期
语法:new Date().getDay()
功能:获取星期
返回值:number (0-6)
其中0表示的是星期天
输出
前面我们一直用的是console.log()输出到控制台,如果想要输出在浏览器,我们可以用document.write(“内容”)
switch语法:
switch( expression ){ case value: statement break; case value: statement break; …… default: statement }
解释:expression 是一个表达式,如果这个表达式和case后面的value相等,就执行这个case下面的代码,如果没有相等的,就执行default下面的代码,看个栗子。
在浏览器中显示,今天星期五(假设今天为星期五)
var week = new Date().getDay(); switch (week) { case 0: document.write('今天是星期日'); break; case 1: document.write('今天是星期一'); break; case 2: document.write('今天是星期二'); break; case 3: document.write('今天是星期三'); break; case 4: document.write('今天是星期四'); break; case 5: document.write('今天是星期五'); break; default: document.write('今天是星期六'); }
循环
如果你想重复的做某件事情,这时候就可以使用循环,在JS中,循环有for循环,while循环,do...while循环
for循环
语法:
for(语句1;语句2;语句3){
被执行的代码块;
}
语句 1 :在循环(代码块)开始前执行
语句 2: 定义运行循环(代码块)的条件
语句 3 :在循环(代码块)已被执行之后执行
案例:在浏览器中输出1--100的整数
for (var num = 1;num < 101; num++){ document.write(num + "<br />"); };
for循环的嵌套
说明:
当循环与循环发生嵌套时遵循下列规则:
1、外层为假时内层不执行;
2、先执行外层再执行内层,直至内层的条件为假时再返回外层去执行。
举个例子:
for (var num = 1;num < 4; num ++){ document.write('<hr />'); document.write(num + "<br />");{ for (var i = 1;i<=5;i++){ document.write(i+'<br />'); } } }
while循环
语法:
while(条件){
需要执行的代码;
}
案例:在浏览器中输出1--100的整数
var i = 1; while (i <=100){ document.write(i+'<br />'); i++ }
do-while循环
语法:
do{
需要执行的代码;
}while(条件)
说明:这种语法的循环至少要被执行一次。
var i = 1; do { if (i % 2 ==0){ document.write(i + '<br />'); }i++; }while (i<=10);