五、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])
}
相关推荐
Tiffany_Ho3 分钟前
【TypeScript】知识点梳理(三)
前端·typescript
安冬的码畜日常1 小时前
【D3.js in Action 3 精译_029】3.5 给 D3 条形图加注图表标签(上)
开发语言·前端·javascript·信息可视化·数据可视化·d3.js
太阳花ˉ1 小时前
html+css+js实现step进度条效果
javascript·css·html
小白学习日记2 小时前
【复习】HTML常用标签<table>
前端·html
程序员大金2 小时前
基于SpringBoot+Vue+MySQL的装修公司管理系统
vue.js·spring boot·mysql
john_hjy2 小时前
11. 异步编程
运维·服务器·javascript
风清扬_jd2 小时前
Chromium 中JavaScript Fetch API接口c++代码实现(二)
javascript·c++·chrome
丁总学Java2 小时前
微信小程序-npm支持-如何使用npm包
前端·微信小程序·npm·node.js
yanlele3 小时前
前瞻 - 盘点 ES2025 已经定稿的语法规范
前端·javascript·代码规范