[JavaScript知识库]JavaScript运算符及流程控制语句

一、运算符

通过运算符可以对一个或多个值进行运算或操作

算术运算符

• 注意点：
  除了加法以外，对非数值类型的值进行运算时，都会先转换为Number然后做运算。
  做加法运算时，如果两个字符串进行相加，就会将两个字符串连接为一个字符串。
  任何值与字符串进行加法运算，都会先转换为字符串，然后再将字符串进行连接。

一元运算符

一元运算符的 + ：
可以将一个非数字转换为数字,取正数

var a = true;
console.log('+a')   //1

一元运算符的 - ：
可以将一个非数字转换为数字，取负数

var num1 = 6;
var num2 = -6;
console.log(-num1); //-6
console.log(-num2); //6

自增(++)：

• 自增可以在变量原始基础上的值+1
• 自增可以使用 前++（++a）后++(a++)
• ++a的值是变量的新值（先累加，后赋值）
• a++的值是变量的原值（先赋值，后累加）

自减(–)：

• 自增可以在变量原始基础上的值-1
• 自增可以使用 前 - -（- -a）后- -(a- -)
• • -a的值是变量的新值（先累减，后赋值）
• a- -的值是变量的原值（先赋值，后累减）

逻辑运算符

！

• 可以对一个布尔值进行取反，true变false或false变true
• 对非布尔值使用！时，会先将其转换为布尔值然后再取反

var a;
if (!a) {}
console.log(!null);  //true
console.log(!undefined);  //true
console.log(!''); //true
console.log(!100);  //false
console.log(!'abc');  //false

&&

• &&可以对符号两侧的值进行与运算
• 同真才真，有假则假
• 1.如果第一个值为false，则返回第一个值
• 2.如果第一个值为true，则返回第二个值

||

• ||可以对符号两侧的值进行或运算
• 有真才真，同假则假
• 1.如果第一个值为true，则返回第一个值
• 2.如果第一个值为false，则返回第二个值

赋值运算符

比较运算符

• 如果比较的两个值是非数值，会将其转换为Number然后再比较。
• 如果比较的两个值都是字符串，此时会比较字符串的Unicode编码，而不会转换为Number。

==

• 相等，判断左右两个值是否相等，如果相等返回true，如果不等返回false
• 如果对不同的类型进行比较，会将其转换为相同的类型然后再比较，转换后相等它也会返回true

！=

• 不等，判断左右两个值是否相等，如果不等返回true，如果相等返回false
• 会跟相等一样做类型转换

===

• 全等，在相等的基础上对两个值的类型进行比较，如果两个值不同就会返回false。(全等不会自动进行类型转换)

！==

• 不全等，与全等相反

null和undefined

• 由于undefined衍生自null，所以null == undefined 会返回true。
  但是 null === undefined 会返回false。

NaN

• NaN不与任何值相等，包括它自身

NaN == NaN //false

三目运算符

语法：条件表达式?语句1:语句2;
如果满足表达式则执行语句1，否则执行语句2，并返回执行结果。

流程控制语句

1.条件判断语句

• if(条件表达式) {
  ? ? ? ? ? ? ? 语句…
  }
  执行if语句时，会先对条件表达式进行判断，如果值为true，则执行if语句，值为false则不执行。

• if(条件表达式){
  ? ? ? ? ? ? ? 语句1…
  ? ? ? ? ? ? ? }else{
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? 语句2…
  ? ? ? ? ? ? ? }
  执行if语句时，会先对条件表达式进行判断，如果值为true，则执行语句1，否则执行语句2。

• if(条件表达式){
  ? ? ? ? ? ? ? 语句1…
  ? ? ? ? ? ? ? }else if(条件表达式){
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? 语句2…
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? }else if(条件表达式){
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 语句3…
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }else{
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 语句4…
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }
  执行if语句时，会先对条件表达式从上到下进行判断，如果值为true，则执行当前语句，否则执行语句4。

2.条件分支语句

• switch语句
  ? ? ? ? ? ? ? switch(条件表达式){
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? case 表达式:
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 语句…
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? break;
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? case 表达式:
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 语句…
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? break;
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? case 表达式:
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 语句…
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? break;
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? default:
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 语句…
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? break;
  ? ? ? ? ? ? ? ? ? ? ? ? ? ? }

执行switch…case…语句时，会依次将case后的表达式的值和switch后的表达式的值进行全等比较，比较结果为true，则从当前case处开始向下执行代码，如果比较结果为false，则继续向下比较，如果所有的case判断结果都为false，则从default处开始执行代码。。

3.条件循环语句

while循环
? ? ? ? ? ? ? while(条件表达式){
? ? ? ? ? ? ? ? ? ? ? ? ? ? 语句…
? ? ? ? ? ? ? }

• while语句在执行时，会先对条件表达式进行求值判断，
• 如果判断结果为false，则终止循环
• 如果判断结果为true，则执行循环体
• 循环体执行完毕，继续对条件表达式进行求值判断，依此类推

do…while循环
? ? ? ? ? ? ? do{
? ? ? ? ? ? ? ? ? ? ? ? ? ? 语句…
? ? ? ? ? ? ? }while(条件表达式)

• do…while在执行时，会先执行do后的循环体，然后在对条件表达式进行判断，
• 如果判断判断结果为false，则终止循环。
• 如果判断结果为true，则继续执行循环体，依此类推
  ? ? ? ? ? ? ?

do…while和while的区别：
? ? ? ? ? ? ? while：先判断后执行
? ? ? ? ? ? ? do…while: 先执行后判断

do…while可以确保循环体至少执行一次。

for循环
? ? ? ? ? ? ? for(①初始化表达式 ; ②条件表达式 ; ④更新表达式){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ③语句…
? ? ? ? ? ? ? }

• 首先执行①初始化表达式，初始化一个变量，
• 然后对②条件表达式进行求值判断，如果为false则终止循环
• 如果判断结果为true，则执行③循环体
• 循环体执行完毕，执行④更新表达式，对变量进行更新。
• 更新表达式执行完毕重复②

for (var i=0; i<5; i++)
{
    console.log(i);    //0 1 2 3 4
}