五、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])
}
相关推荐
Lee川16 小时前
Milvus 实战:当 RAG 遇上向量数据库,从"玩具 Demo"到"生产可用的"那一步
前端·数据库·人工智能
anOnion17 小时前
构建无障碍组件之Toolbar Pattern
前端·html·交互设计
惊鸿一博17 小时前
图标加载方式_zeroIcon_是否加前缀mdi
开发语言·前端·javascript
2501_9400417418 小时前
前端工程化进阶:5个高交互与可视化项目提示词
前端
你很易烊千玺18 小时前
JS 异步 从零讲(大白话 + 真实场景 + 可运行案例)
前端·javascript·vue.js
华洛19 小时前
讲讲如何在传统产品中挖掘AI需求
javascript·产品经理·产品
why技术20 小时前
AI Coding开始进入第四个时代,我还没上车呢!
前端·人工智能·后端
大家的林语冰20 小时前
CSS 已死?DOM 性能黑洞!Pretext 排版革命让你在文本间跳舞,没有 DOM 也能纵享丝滑~
前端·javascript·css
vipbic21 小时前
我也该升级了,陪伴了我7年的博客
前端
Lee川21 小时前
RAG 实战:从一篇掘金文章出发,拆解检索增强生成的全链路
前端·人工智能·后端