运算符
1、算术运算符 ：+ - * / % ++ –
2、比较运算符：== != > >= < <= =(全等于) ！（不全等于）
3、条件运算符：（expr1）?(expr2):(expr?)
4、逻辑运算符：&&（与） ||（或）！（非）
5、字符串运算符:+
6、赋值运算符：= += || *= /= %=
1.2 算术运算符：+ - * / % ++ –
重点：%（取余数）除不尽剩下的整数
++（自增1），–（自减1）
常用：
前置++：如：++a 先自增1，在参与运算
后置++：如：如a++ 先运算，在自增1
1.3比较运算符： != > >= < <= =(全等于) ！（不全等于）
== ！=：只比较大小，不比较类型
：相当于数学中的等于
！=：相当于的取反 不等于
=（全等于）！=（不全等于）：即比较大小，又比较类型
=：全等于
！=：想当于=的取反 不会等于
执行结果为true false
1.4 逻辑运算符 a b表示非登上 如：a>10
&&(逻辑与，并且)：只有a和b同时为true时，执行结果为true，否则为false
||：（逻辑或,或者）只要a和b有一个为true时，执行结果为true，否则为false
！：取反 如果a为true,!a为false ，反之则然
1.5字符串连接符
概念:如果多个变量进行相加，其中有一个为字符串，此时的+不是表示算术运算符
如:<script> // 获取div的宽度值，在div原来的宽度之上加200psx let divwidth='100px'; divwidth=parseInt(divwidth)+200+'px'; console.log(divwidth); </script>
ES6:字符串模板语法
反引号:`` 变量写法:${变量名}
1.6赋值运算符
=：表示赋值
+=：表示在原来的基本上进行累加
如：a+=b ===> a=a+b
1.7运算符的优先级
在运算中，那个先算 那个后算
注意：不需要记忆，如果需要优先运算的，直接加（）即可
2、输入对话框
作用：主要用于让用户输入相关的信息
语法：prompt(提示信息，默认值)；
两个按钮:
确认:获取到默认值或用户输入的值;数据类型：string
取消：获取的值为null 数据类型是object
运用场景:主要结合判定语句来使用
3、流程控制
概念：只有一个质量，主要用于控制程序执行的顺序
默认执行：逐行执行顺序
判定执行:判定条件是否成立 只有条件成立时 才执行
重复执行:反复执行指定的代码，知道条件不成立时
3.1 条件语句(判定执行)
1)单分支: 只有一选择
语法:
if(条件表达式){
条件执行结果为真,才执行代码
}
理解:如果....那么...
注意:
1.条件表达式成立时,才会执行指定{}中的代码
2. 单条语句和代码块
if语句:如果是单条语句,非标准写法,可以不用{}
{}表示代码块
3.条件表达式: 可以是变量,或表达式
如果是变量,会判定变量是否存在,一般都需要转换成boolean的值
表达式: 判定执行结果为是为 true false, 只有为true时,才执行代码
2) 双分支: 二选一
语法:
if(条件1表达式){
条件1表达式为真时,执行的代码
}else{
条件1表达式为假时,执行的代码
}
理解: 如果....那么...,否则....
3)多分支: 多选一
1.if语句:======重点
语法:
if(条件1表达式){
条件1表达式为真时,执行的代码A
}
else if(条件2表达式){
条件2表达式为真时,执行的代码B
}
.....
else if(条件n表达式){
条件n表达式为真时,执行的代码N
}
else{
当以上条件都不成立时,才执行的代码NNN
}
需求: 判定成绩(100分制):
优秀: >=90
良好: >=70
一般般: >=60
垃圾:
注意: 条件有重合部分,条件苛刻的放在最上面
提示: 最后一个else为可选项,可以不写
2.switch语句(了解)
语法:
switch(表达式或变量){ 表达式或变量===值
case 值1:
表达式或变量全等于值1时,才执行的代码A;
break;
case 值2:
表达式或变量全等于值2时,才执行的代码B;
break;
case 值3:
表达式或变量全等于值3时,才执行的代码N;
break;
default:
以上条件都不成立时,执行代码;
break;
}
需求: 通过1-4之间数字,来判定一年四季
春: 1
夏: 2
秋: 3
冬: 4
注意:
1. break:表示防止穿透效果
2. default:为可选项,可以不写,可以放在任意位置
如果不是最后一个位置,必需加 break
4) 多分支 if语句 和 switch语句的区别:
if语句: 可以用于判定一个范围或具体的某个值,常用于判定范围
switch语句: 只能用于判定具体的某个值
注意: 重点掌握 if语句
4、循环语句
概念:需要重复执行相同的代码，就需要使用循环语句
作业：
1、减少代码的冗余度(重复的代码)
2、方便后期的维护及更新
4.1for循环
语法：
for(初始循环变量;循环条件;更新循环变量){
循环体（循环重复执行的代码）
}
需求:在网页中输出1-10之间的整数
for(let i=1;i<=10;i++){
console.log(i);
}
注意:
1.初始循环变量:只执行一次
2.循环条件成立时,才执行循环体,否则不执行
3.更新循环变量: 可以是任意步长,但必需是 赋值运算 如: i++ i-- i+=2 ...
执行过程:
1.初始循环变量: let i=1;
2.循环条件判定:
条件不成立: 终止循环,结束整体循环
条件成立: 进入下一步
3.输出循环体
4.更新循环变量:进入2步
方法: 打断点操作:
1. 在程序中使用debugger;
2. 在source中==> 找到当前文件中的js代码==>在行号上单击左键===> 刷新网页看效果
4.2 for循环遍历:=====重点中的重点
概念:
遍历:依次或挨个从指定范围中,取出所有的值
循环遍历: 依次或挨个从指定范围中,取出所有符合条件的值
如: 从1-100取出所有的整数值
作用: 主要用于进行统一操作或管理
1. 终止循环语句
break: 终止本次循环,并结束所有循环
continue: 终止本次循环,进入下一次循环
作用:用于跳出循环操作
2. 嵌套循环====重点中的重点,掌握基本语句即可
概念: 在循环语句中再次使用循环语句
如:
for(;;){
for(;;){
}
}
一般都使用双层循环最多:
语法结构:
for(;;){//相当于表格的行
for(;;){//相当于表格的列
}
}
3. 死循环
概念: 当循环条件永远为真时,就会产生死循环
以下情况会产生死循环:
for(;;){
}
for(let i=1;;i++){
}
注意: 一般在项目中不要使用死循环,如果需要使用死循环,一定在某个时间点进行判定终止
4. while循环
语法:
初始循环变量;
while(循环条件){
循环体;
更新循环变量;
}
//需求: 在网页中,输出1~10之间的整数
let i=1;
while(i<=10){
console.log(i);
i++;
}
5.do...while循环(了解)
语法:
初始循环变量;
do{
循环体;
更新循环变量;
}while(循环条件);
//需求: 在网页中,输出1~10之间的整数
let j=1;
do{
console.log(j);
j++;
}while(j<=10);
for循环 while循环 do…while循环的区别:
for循环 while循环: 先判定,再执行
do...while循环: 先无条件执行一次,再进行判定
