JavaScript的运算符

JavaScript的运算符

1. 算数运算符

进行数学运算的符号

• +（加）
  • 当符号两边都是数字或者布尔的时候，会进行数学运算
  • 只要符号任意一边是字符串的时候，就会进行字符串运算

  var n1 = 10
  var n2 = 20
  var n3 = n1 + n2
  console.log('n3:', n3)
  var n1 = '10'
  var n2 = 20
  var n4 = n1 + n2
  console.log('n4:', n4)
  /*
  n3: 30
  n4: 1020
  */
  

• - * / %（减、乘、除、取余）
  • 只能进行数学运算

  console.log(20 - 10)
  console.log(20 * 10)
  console.log(20 / 10)
  console.log(10 % 3)
  /*
  10
  200
  2
  1
  */
  

2. 赋值运算符

进行赋值运算的符号

• =（进行赋值操作）
• +=（加等于运算符）
• -=（减等于运算符）
• *=（乘等于运算符）
• /=（除等于运算符）
• %=（取余等于运算符）

var n1 = 10
n1 += 10	// n1 = n1 + 10
console.log(n1)
var n2 = 10
n2 -= 10	// n2 = n2 - 10
console.log(n2)
var n3 = 10
n3 *= 10	// n3 = n3 * 10
console.log(n3)
var n4 = 10
n4 /= 10	// n4 = n4 / 10
console.log(n4)
var n5 = 10
n5 %= 4	// n5 = n5 % 4
console.log(n5)
/*
20
0
100
1
2
*/

3. 比较运算符

进行比较运算的符号：结果只会是布尔值true或者false

• > < >= <=（大于、小于、大于等于、小于等于）

console.log(200 > 100)
console.log(100 < 200)
console.log(100 >= 100)
console.log(100 <= 100)
/*
true
true
true
true
*/

• == ===（等于、全等于）

// == ：只比较 值 是不是相等，不考虑数据类型
console.log(10 == 10)
console.log(10 == '10')
/*
true
true
*/
// === ：必须要值和数据类型都相等，才是true
console.log(10 === 10)
console.log(10 === '10')
/*
true
false
*/

• != !==（不等于、不全等于）

// == ：只比较 值 是不是不相等，不考虑数据类型
console.log(10 != 10)
console.log(10 != '10')
/*
false
false
*/
// !== ：只要值和数据类型任何一个不相等，就是true
console.log(10 !== 10)
console.log(10 !== '10')
/*
false
true
*/

4. 逻辑运算符

进行逻辑运算的符号

• &&（与）

// && ：必须两边都是true，最终结果才是true
console.log(true && true)
console.log(true && false)
console.log(false && true)
console.log(false && false)
/*
true
false
false
false
*/

• ||（或）

// || ：只要任意一边是true，最终结果就是true
console.log(true || true)
console.log(true || false)
console.log(false || true)
console.log(false || false)
/*
true
true
true
false
*/

• !（非）

// ! ：取反，本身是true输出false，本身是false输出true
console.log(!true)
console.log(!false)
/*
false
true
*/

5. 自增自减运算符

单独对一个变量进行+1或者-1操作的符号

• ++（自增）
  • ++变量（前置加加，自身+1，先自增再参与运算）

  var n = 6
  ++n
  console.log(n)	// 7
  // 参与运算
  var n = 6
  console.log(1+ ++n)	// 8，n在参与运算前变为7
  console.log(n)		// 7
  

  • 变量++（后置加加，自身+1，先参与运算再自增）

  var n = 6
  n++
  console.log(n)	// 7
  // 参与运算
  var n = 6
  console.log(1+ n++)	// 7，n在参与运算后才变为7
  console.log(n)		// 7
  

• --（自减）
  • --变量（前置减减，自身-1，先自减再参与运算）

  var n = 6
  --n
  console.log(n)	// 5
  // 参与运算
  var n = 6
  console.log(1+ --n)	// 6，n在参与运算前变为5
  console.log(n)		// 5
  

  • 变量--（后置减减，自身-1，先参与运算再自减）

  var n = 6
  n--
  console.log(n)	// 5
  // 参与运算
  var n = 6
  console.log(1+ n--)	// 7，n在参与运算后才变为5
  console.log(n)		// 5
  

  参考链接：JavaScript的运算符
  感谢您的阅读与支持，如果这篇文章对您有帮助，请关注点赞收藏，您的支持是我创作的动力！