JavaScript表达式语句一

表达式尾部假分号会形成一个表达式语句。默认的独立一行也是一个表达式语句。

语句块是由大括号包含一个或多个语句,形成的代码片段。

条件语句

程序右三种基结构:顺序、选择、循环。条件语句属于选择结构。

if语句

基本语法:if(条件语句){执行的内容}。

当给出的条件满足条件语句时,将会执行后面的内容。例:

javascript 复制代码
var a=2
var b=6
if{a>b){
	a=b+a
	}
if(a<b){
	b=b-a
}

if···else语句

基本语法if(表达式1){内容1}else{内容2};表达式1条件位真,执行内容1否则执行内容2,例:

javascript 复制代码
var a=2
var b=6
if{a>=b){
	a=b+a
	}
else{
	b=b-a
}

if···else if语句

基本语法:if(表达式1){内容1}else if(表达式2){内容2}

表达式1为真时执行内容1;为假时判断下一个条件表达式2,若为真执行内容2.为假执行后续代码

javascript 复制代码
var a=2
var b=6
if{a>b){
	a=b+a
	}
else if(a<b){
	a=b-a
}

switch语句

多条件的嵌套结构,与if···else if相似。

基本语法:switch(表达式){ case 条件1: 内容1;break; case 条件2: 内容2; break; ··· default:内容n}

switch会将表达式与case后的条件进行匹配。若是与表达式的内容相匹配则执行该字句后面的语句,直到遇到break为止。若没有任何值与表达式相匹配则执行的default后面的内容。

javascript 复制代码
var week = prompt("请输入星期:")
			switch (week) {
				case '星期一':
					alert('今天星期一');
					break;
				case '星期二':
					alert('今天星期二');
					break;
				case '星期三':
					alert('今天星期三');
					break;
			}

循环语句

能够重复执行相同操作的语句

while语句

基本语法:while(表达式){循环体}

每次循环开始之前都需要判断表达式是否为真,为真则继续循环为假则跳出循环

javascript 复制代码
var a=1
while(a<10){
	a++
}

do···while

基本语法:do{循环体} while(表达式)

do···while循环是线执行循环体一次,在走后判断循环条件表达式;若为真继续循环,为假跳出循环

javascript 复制代码
var a=1
do{
	a++
}
while(a<10)

for语句

基本语法:for(初始表达式;条件表达式;更新表达式){循环内容}

for循环在执行时,先判断初始表达式是否符合条件表达式,若符合,执行循环内容中的语句,然后根据更新表达式的内容更新初始表达式然后再次判断是否符合条件表达式。直到初始表达式不符合条件表达式的条件时循环结束。

javascript 复制代码
for(var a=1;a<10;a++){
	document.write(a)
}

for in循环

for (variable in object){

循环内容

}

常用于遍历对象的所有属性,遍历时将对象的值赋给variable,并执行循环语句。

跳转语句

break:用来退出循环或者switch语句

continue:结束本次循环,进行下一次循环。

javascript 复制代码
for(var a=1;a<10;a++){
	break; //循环直接结束什么也不输出
	document.write(a)
}
for(var a=1;a<10;a++){
	continue;  //结束本次循环,不会输出1,后面正常
	document.write(a)
}

他们一般只能跳出一层循环,若要跳出吃多层循环需要与标签相结合。

javascript 复制代码
for(var a=1;a<10;a++){
	for(var b=1;b<10;b++){
		document.write(a+b);
		break;
	}
}  //只跳出了外层循环,没什么用,还是会继续循环
			loop:for(var a=1;a<10;a++){
				for(var b=1;b<10;b++){
					document.write(a+b);
					break loop;
				}
			}
//直接跳出外层循环,结束for循环,最后会输出2
相关推荐
y先森20 分钟前
CSS3中的伸缩盒模型(弹性盒子、弹性布局)之伸缩容器、伸缩项目、主轴方向、主轴换行方式、复合属性flex-flow
前端·css·css3
前端Hardy20 分钟前
纯HTML&CSS实现3D旋转地球
前端·javascript·css·3d·html
susu108301891123 分钟前
vue3中父div设置display flex,2个子div重叠
前端·javascript·vue.js
IT女孩儿1 小时前
CSS查缺补漏(补充上一条)
前端·css
吃杠碰小鸡2 小时前
commitlint校验git提交信息
前端
虾球xz3 小时前
游戏引擎学习第20天
前端·学习·游戏引擎
我爱李星璇3 小时前
HTML常用表格与标签
前端·html
疯狂的沙粒3 小时前
如何在Vue项目中应用TypeScript?应该注意那些点?
前端·vue.js·typescript
小镇程序员3 小时前
vue2 src_Todolist全局总线事件版本
前端·javascript·vue.js
野槐3 小时前
前端图像处理(一)
前端