iT邦幫忙

2023 iThome 鐵人賽

DAY 22
0
Modern Web

30天前端學習筆記心得系列 第 23

Day22-Javascript資料型態(布林值、數值)

  • 分享至 

  • xImage
  •  

資料型態(Data Types)

  • 基本資料型態(primitive data types)

    • 布林值(Boolean) TrueFalse
    • 數值(Number) 數值類型值
    • 字串(String) "hello world"
    • Symbol
  • 複合資料型態(composite data types)

    • 陣列(Array): 儲存多資料和資料數量
    • 物件(Object): 基本資料型態以外都是物件型態
  • Null & Underfined

    • null:表示變數裡面沒有東西
    • undefined:表示變數還沒有定義或還未指定

布林值(Boolean)

這些值都會被當 false

  1. 數值 0
  2. Null
  3. Undefined
  4. NaN
  5. 空字串" "
  • 布林值型別轉換

可以在其他 資料型態轉型(type conversion) 變成布林值

var x = 10;
Boolean(x); // false
x = 100;
Boolean(x); // true

x = '';
Boolean(x); // false
x = 'hello';
Boolean(x); // true

x = null;
Boolean(x); // false
  • 符號判斷

// 等於
const x = 1;
const y = 1;
console.log(x == y); // true

// 不等於
const x = 1;
const y = 2;
console.log(x != y); // true

// 大於
const x = 6;
const y = 5;
console.log(x > y); // true

// 小於
const x = 1;
const y = 2;
console.log(x < y); // true

// 大於等於
const x = 1;
const y = 1;
console.log(x >= y); // true

// 小於等於
const x = 6;
const y = 5;
console.log(x <= y); // false

數值(Number)

也是數值型態物件,例如:整數(integer) 或帶有小數點的 浮點數(floating point)

  • 數值運算

包括加法、減法、乘法、除法和模運算

// 加法
const x = 1;
const y = 5;
const z = x + y;
console.log(z); // 6

// 減法
const x = 6;
const y = 5;
const z = x - y;
console.log(z); // 1

// 乘法
const x = 6;
const y = 5;
const z = x * y;
console.log(z); // 30

// 除法
const x = 30;
const y = 5;
const z = x / y;
console.log(z); // 6

// 模運算
const x = 10;
const y = 5;
const z = x % y;
console.log(z); // 0
  • 數值比較

包含等於、不等於、大於、小於、大於等於、小於等於

// 等於
const x = 1;
const y = 1;
const z = x == y;
console.log(z); // true

// 不等於
const x = 1;
const y = 5;
const z = x != y;
console.log(z); // true

// 大於
const x = 6;
const y = 5;
const z = x > y;
console.log(z); // true

// 小於
const x = 1;
const y = 5;
const z = x < y;
console.log(z); // false

// 大於等於
const x = 6;
const y = 5;
const z = x >= y;
console.log(z); // true

// 小於等於
const x = 1;
const y = 5;
const z = x <= y;
console.log(z); // false
  • 數值轉換

從一種類型轉換為另一種類型

// 整數轉換為浮點數
const x = 10;
const y = Number(x);
console.log(y); // 10.0

// 浮點數轉換為整數
const x = 10.5;
const y = parseInt(x);
console.log(y); // 10

// 字符串轉換為數值
const x = "20";
const y = Number(x);
console.log(y); // 20
  • Infinity

global屬性,表示無限大或無限小

// x = Infinity
var x =  2 / 0;
// y = -Infinity
var y = -2 / 0;

// number
console.log(typeof Infinity);
  • NaN (Not a Number)

global屬性,表示一個值是非數值

var x = 10 - 'string';// x = NaN

// 一個 NaN 數值運算,返回結果也是 NaN

var y = 10 + x; // y = NaN

上一篇
Day21-JavaScript變數宣告
下一篇
Day22-Javascript資料型態(字串、Symbol)
系列文
30天前端學習筆記心得34
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言