五、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])
}
相关推荐
WeilinerL1 天前
泛前端代码覆盖率探索之路
前端·javascript·测试
浮游本尊1 天前
React 18.x 学习计划 - 第五天:React状态管理
前端·学习·react.js
-睡到自然醒~1 天前
[go 面试] 前端请求到后端API的中间件流程解析
前端·中间件·面试
洛卡卡了1 天前
Sentry 都不想接,这锅还让我背?这xx工作我不要了!
前端·架构
咖啡の猫1 天前
Vue 实例生命周期
前端·vue.js·okhttp
JNU freshman1 天前
vue 之 import 的语法
前端·javascript·vue.js
剑亦未配妥1 天前
Vue 2 响应式系统常见问题与解决方案(包含_demo以下划线开头命名的变量导致响应式丢失问题)
前端·javascript·vue.js
爱吃的强哥1 天前
Vue2 封装二维码弹窗组件
javascript·vue.js
凉柚ˇ1 天前
Vue图片压缩方案
前端·javascript·vue.js
慧一居士1 天前
vue 中 directive 作用,使用场景和使用示例
前端