运算式与运算子

运算式

透过运算子进行运算而得到指定的结果值

运算子的介绍

这边会列出几个简单算是常用的进行说明

算术运算

数字型态的资料，也可以直接使用算数运算子进行计算

• 加号（+）
  若赋予的资料为数字型态时，可以直接进行数字加总的运算

范例如下：

let price = 10 + 10;
console.log(price);  // 结果为 20

若赋予的资料为字串型态时，则是把字串资料连接起来

范例如下：

let word = '123' + '456';
console.log(word);  // 结果为 123456

在字串有一个特别的地方，当只要一边为字串型态，则会直接以字串型态把资料连结起来

范例如下：

let word = 123 + 'TEST';
console.log(word); // 结果为 123TEST

• 减号（-）
  进行数字型态资料的相减

  let price = 1000 - 500;
  console.log(price);  // 结果为 500
  

• 乘法（*）
  进行数字型态资料的相乘

let buyPrice = 100 * 4;
console.log(buyPrice); // 结果为 400

• 除法（/）
  进行数字型态资料的相除

let goods = 100 / 4;
console.log(goods); // 结果为 25

• 取余数（%）
  将数字以除法计算後得到的余数资料

let a = 21 % 4;
console.log(a); // 结果为 1 

递增与递减

• 递增表示为 ++，例：a++，可以当作是 a = a + 1
• 递减表示为 --，例：b--，可以当作是 b = b - 1

范例如下：

let a = 1;
a++;
console.log(a) // 结果为 2 

赋值运算子

指的是将值赋予给指定的变数
直接以范例来说明

let a = 3;  // 宣告变数 a，并赋予数字型态为 3
let b = 2; // 宣告变数 b，并赋予数字型态为 2
a+=1; // a = 3 + 1 ，资料计算为 4 
b-=1; // b = 2 - 1 ，资料计算为 1
a*=2; // a = 4 * 2， 资料计算为 8
b/=1 // b = 1 / 1 ，资料计算为 1 

比较运算子

通常会用来计算数字资料的比大小，或是资料值是否相等，通常会回传 true 或 false

• 【===】：表示完全相符，资料比对上较严谨
• 【==】：表示相符，资料会自动转型进行比对

let a = 10;
let b = '10';
console.log(a === b ); // 结果为 false ，因为一个为数字 10，一个是字串 10
console.log(a == b ); // 结果为 true ，会自动转型比对

• 【!==】：表示为不等於

let a = 123;
let b = 456;
console.log(a!==b); // 结果为 true

• 【>】：大於

 let a = 123;
 let b = 456;
 console.log(a>b); // 结果为 false

• 【<】：小於

 let a = 123;
 let b = 456;
 console.log(a<b); // 结果为 true

• 【>=】：大於等於

 let a = 123;
 let b = 456;
 console.log(a>=b); // 结果为 false

• 【<=】：小於等於

 let a = 3;
 let b = 3;
 console.log(a<=b); // 结果为 true

参考资料及学习资源

• 六角学院 - JavaScript 必修篇 - 前端修练全攻略

本日小结

今天是第三天，前面的内容还算不会太吃力，
这些是我的学习纪录，也欢迎各路大神指教～