五、js基本语句

5.1 if语句

语法:

if (表达式1) { 语句1 } else if (表达式2) { 语句2 } .... else(表达式3){ 语句3 }

示例:

让用户输入一个数字来判断所对应的年龄段

javascript 复制代码
var n = parseInt(prompt('请输入年龄'))
if (n<5){
	console.log('幼儿')
}
else if (n>=5 && n<10){
	console.log('儿童')
}
else if (n>=10 && n<16){
	console.log('少年')
}
else if (n>=16 && n<30){
	console.log('青年')
}
else if (n>=30 && n<60){
	console.log('中年')
}
else if (n>=60) {
	console.log('老年')
}

5.2 switch语句

语法:

switch (表达式){ case 标号1: //当表达式的值为1时 语句1

break: //跳出switch语句

case 标号2: //当表达式的值为2时 ​ case 标号1: ​ 语句1 ​ case 标号3: ​ 语句2

...... ​ default: //当表达式的值为其它时执行 ​ 语句3 ​ }

示例:

让用户输入一个数字来判断所对应的星期几,如果输入的不是1-7的数字,显打印'input error'

javascript 复制代码
var n = parseInt(prompt('请输入数字'))
switch (n) {
	case 1:
		console.log('monday')
		break;
	case 2:
		console.log('tuesday')
		break;
	case 3:
		console.log('wednesday')
		break;
	case 4:
		console.log('thursday')
		break;
	case 5:
		console.log('friday')
		break;
	case 6:
		console.log('saturday')	
		break;
	case 7:
		console.log('sunday')
		break;
	default:
		console.log('input error!')

5.3 while语句

while语句: 语法: while (表达式){ 语句 } 功能:当表达式为真的时候循环执行语句,直到表达式为假。

示例:计算1加到10

javascript 复制代码
var num = 1
var sum = 0
while (num<=10){
	sum = sum + num
	num ++
}
console.log('sub=' + sum)

5.4 do while语句

语法: do{ 语句 }while(表达式) 功能: 先执行语句,再判断表达式,如果为真,则循环执行语句,如果为假,则退出循环

示例:计算1加到10

javascript 复制代码
var num=1
var sum=0
do{
	sum = sum+num
	num++
}while(num<=10)
console.log('sub=' + sum)

5.5 for语句

格式: for (语句1;表达式;语句2){ 语句3 break; #跳出循环 continue; #跳出当次循环 } for(;;){ #死循环 语句 }

功能:执行到for语句的时候,先计算语句1的值(只会执行一次),并计算判断表达式是否为真,如果不为真,则退出循环,如果为真, 则执行语句3.执行完语句3后再来执行语句2,再计算判断表达式是否为真。进入循环

示例:计算1加到10

javascript 复制代码
var sum=0;
for (var num=1;num<=10;num++){
	sum = sum + num;
	
}
console.log('sub=' + sum)

5.6 for in语句

格式: for (var in arr){ 语句 }

示例:遍历一个数组

javascript 复制代码
var arr=['a','b','c','d']
for (var n in arr){               //var是arr的下标
	console.log('index:' + n + ' value:' + arr[n])
}
相关推荐
一 乐5 小时前
婚纱摄影网站|基于ssm + vue婚纱摄影网站系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot·后端
C_心欲无痕6 小时前
ts - tsconfig.json配置讲解
linux·前端·ubuntu·typescript·json
清沫6 小时前
Claude Skills:Agent 能力扩展的新范式
前端·ai编程
yinuo6 小时前
前端跨页面通信终极指南:方案拆解、对比分析
前端
北辰alk7 小时前
Vue 模板引擎深度解析:基于 HTML 的声明式渲染
vue.js
北辰alk7 小时前
Vue 自定义指令完全指南:定义与应用场景详解
vue.js
yinuo7 小时前
前端跨页面通讯终极指南⑨:IndexedDB 用法全解析
前端
北辰alk7 小时前
Vue 动态路由完全指南:定义与参数获取详解
vue.js
北辰alk7 小时前
Vue Router 完全指南:作用与组件详解
vue.js
北辰alk7 小时前
Vue 中使用 this 的完整指南与注意事项
vue.js