3 JS运算符.md

运算符

一、运算符

1、一元运算符

• 概述

  只能操作一个值的为一元运算符

• 符号

  ++ 自增

  -- 自减

• 分类

  • 前++ 后++

    ++a a++

  • 前-- 后--

    --a a--

  说明：

  • 前++ 或前-- 先自身+- 在参与运算
  • 后++ 或 后-- 先参与运算 在自身+-

• 使用

  自身运算

  var a = 1;
  a++;
  ++a;
  console.log(a);

  参与赋值运算

  var a = 1;
  // b = a++;  // 先把值赋值给b 自身在+1
  b = ++a;    // 先自身+1赋在值给b 
  console.log('a', a);
  console.log('b', b);

  多个运算符组合(了解)

  var a = 1;
  b = ++a + a++;  // 先把值赋值给b 自身在+1
  //  2 + 2
  b = ++a + ++a;  // 先把值赋值给b 自身在+1
  //  2 + 3
  b = ++a + ++a + a-- ;
   // 2 + 3  + 3
  console.log('b', b);
  console.log('a', a);

2、关系运算符

• 概述

  用于进行比较的运算符称为关系运算符

• 符号

  运算符	说明
  >	大于
  <	小于
  >=	大于等于
  <=	小于等于
  ==	等于(只判断值)
  ===	全等于(判断值和类型)
  !=	不等于(值判断值)
  !==	不全等(值和类型)

• 比较规则

  1. 数值比较直接比较大小
  2. 数值和字符串比较，都为false。 需要转换ASCII值再进行比较
  3. 字符串比较，比较的是ASCII值
  4. 和NaN比较结果都为false

3、逻辑运算符

• 符号

  运算符	说明
  &&	逻辑与（都为真则为真）
  ||	逻辑或（有一侧为真则为真）
  !	逻辑非（真为假 假为真）

• 实例

  var a = 1;
  var b = 2;
  console.log(false && ++b);
  console.log(b);
  console.log(a>b && a>b);
  console.log(a>b || a>b);
  console.log(a<b || a>b);
  console.log(true || a++);
  console.log(a++ || true);
  console.log(a);
  console.log(! a);

• 注意

  逻辑与、逻辑或具有短路问题

  逻辑与：如果第一个为假，则短路后面的操作

  逻辑或：如果第一个为真，则短路后面的操作

4、算数运算符

• 符号

  符号	说明
  +	加(连接)
  -	减
  *	乘
  /	除
  %	取余

• 实例

  console.log(1 + 1);
  console.log(1 - 1);
  console.log(1 * 2);
  console.log(1 / 2);
  console.log(1 % 2);

• 作为连接

  console.log('a' + 'b')
  console.log('a' + 1)
  console.log('a' + [1,2,3])

5、赋值运算符

• 符号

  符号	说明
  =	赋值 a = b
  +=	相加再赋值 a += b
  -=	相减再赋值 a -= b
  *=	相乘再赋值 a *= b
  /=	相除再赋值 a /= b
  %=	取余再赋值 a % = b

• 实例

  var a = 1;
  var b = 2;
  a += b;  //  a = a + b
  a -= b;  //  a = a - b
  a *= b;  //  a = a * b
  a /= b;  //  a = a / b
  a %= b;  //  a = a % b
  console.log(a);

6、三元运算符

• 概述

  理解为if else 的简写

• 格式

  表达式？真：假;

• 实例

  var a = 1;
  var b = 2;
  var res = a > b?'a大于b':'a不大于b';

  注意：问号和冒号与表达式之间不能有空格