当前位置: 首页 > Web前端 > CSS

再学前端JavaScript(二)JavaScript语句

时间:2023-03-30 15:19:31 CSS

本文主要介绍JavaScript中的语句,包括几种循环语句和条件语句。JavaScript中的条件语句1.定义条件语句:当条件满足时,执行一条语句2.JavaScript中的条件语句1)if...elseif...else:当指定条件为真时,执行if语句一段语句,如果不满足,再考虑elseif的条件,如果不满足,则执行else中的语句consta=2;if(a===0){console.log('ais',a);}elseif(a===1){console.log('ais',a);}else{console.log('ais',a);}2)switch...case语句:计算表达式公式,将表达式的值与case子句匹配并执行与该case关联的语句。switch(expression){casevalue1://当expression的结果匹配value1时,执行这里的语句[break;]casevalue2://当expression的结果匹配value2时,执行这里的语句[break;]...casevalueN://当表达式的结果匹配到valueN时,执行这里的语句[break;][default://如果表达式不匹配上面的值,执行这里的语句[break;]]}语法分析:A。expression:用于匹配case子句的表达式。b.casevalueN:可选,用于匹配表达式的case子句。如果expression匹配给定的值N(此处为===),则case子句中的语句将一直执行到switch语句结束或遇到break。c.default:可选,默认子句;如果给定,当expression的值不匹配任何case语句时将执行此子句。d.如果不加break,代码会从值匹配的case语句开始运行,然后不管值匹配与否,都继续执行下一条case语句。参考自:MDN--switch3)逻辑运算符:&&和||&&:逻辑与,可以并行化两个或多个表达式。只有当这些表达式中的每一个都返回真时,整个表达式才会返回真。||:逻辑或,当两个或多个表达式中的任何一个返回真时,整个表达式都会返回真。让a=0||1;一个&&fn();4)三元运算符:是JavaScript中唯一接受三个操作数的运算符。条件后跟问号(?),如果条件为真,则执行问号后的表达式A;表达式A后面跟一个冒号(:),如果条件为假,冒号后面的表达式B将执行。此运算符通常用作if语句的简写。让一个=真;让b=a?1:0;JavaScript中的循环语句1.定义循环语句:完成一些重复性的任务。二、for循环for循环:用于创建一个循环,包括三个可选的表达式,用括号括起来,用分号隔开,后面是循环中要执行的语句。for(initializer;exit-condition;final-expression){//要运行的代码}A.语法分析:1)在for循环中,有三项用分号分隔2)第一项是初始化器(initializer),通常设置为一个数字的变量,该数字递增以计算循环运行的次数,有时称为计数变量3)第二项是退出条件,它定义了循环何时停止循环4)第三项item是final-expression,通常用于递增(递减)counter变量,使其更接近退出条件值5)代码块括起来的花括号是每次循环都会运行的代码参考来自:MDN--循环代码B.执行顺序1)第一次:执行初始化器-->判断初始化变量是否满足退出条件,如果满足则退出循环;否则,执行代码块中的内容-->执行finalcondition,对已初始化的变量自增或自减Increment或decrement注:使用let进行变量声明时,每次都会执行initializer步骤。C.for循环的优化当循环次数为变量时,可以存储长度,避免每次循环读取一次数组长度,不划算for(vari=0,len=arr.length;i