JavaScript -- 条件语句和循环语句
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript -- 条件语句和循环语句,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3410字,纯文字阅读大概需要5分钟。
内容图文
![JavaScript -- 条件语句和循环语句](/upload/InfoBanner/zyjiaocheng/797/7d19c8caba70440da22261fec22ca164.jpg)
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') }
结果:
![JavaScript -- 条件语句和循环语句 - 文章图片](/upload/getfiles/0001/2021/5/5/20210505103828969.jpg)
![JavaScript -- 条件语句和循环语句 - 文章图片](/upload/getfiles/0001/2021/5/5/20210505103828998.jpg)
number NaN和任何内容都不相等,包括它本身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);
内容总结
以上是互联网集市为您收集整理的JavaScript -- 条件语句和循环语句全部内容,希望文章能够帮你解决JavaScript -- 条件语句和循环语句所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。