iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 2
0
Modern Web

用30天了解javascript系列 第 2

[用30天了解javascript]Day2.變數及資料型別

  • 分享至 

  • xImage
  •  

變數必須是唯一的名稱

JS會在宣告變數時完成記憶體配置,可以使用var、let來宣告變數,const宣告常數。

宣告變數

宣告變數

var name;

宣告多個變數

var name, age;

宣告變數初始化

// 1.宣告一個變數名稱,未給值時是undefined
let strName; 
// 2.指定一個值給變數
srtName = 'John';

// 宣告一個變數名稱及指定一個值
let strName = 'John';

變數規則

  • 開頭不能用數字
  • 不能用 - 跟 .
  • 不能使用關鍵字
  • 區分大小寫
  • 變數需有語意化

命名方式有兩種:

匈牙利命名法:前面加上資料型態

intTotal、strName

駝峰式命名法:單字間用大小寫分隔

  • 小駝峰:myName
  • 大駝峰: MyName

變數型別

基本型別:

數值(number)

可以是整數或帶有小數點的浮點數。JS數字是採用IEEE754雙精確度(64位元)格式儲存,浮點數並不能精確的表示小數,使用時要特別注意。
解決浮點數誤差問題可是用.toFixed語法

var num = 3.14159;
var n = num.toFixed(2); 
console.log(n); //3.14

字串(string)

由空字串("")或0個以上字元組成,要用單引號('')或雙引號("")框住

布林(boolean)

布林只有true跟false
只要有false、0、空字串("")、NaN、null、undefined都是false,其他的值皆為true

undefined(未定義)

變數沒有宣告或是有宣告變數,但沒有給

var num;
console.log(num); //undefined

null(空值)

想要將某個變數的值清除

var num = 2;
console.log(num); //2
num = null;
console.log(num); //null

物件型別:

陣列(array)、物件(object)、函數(function)、日期(Date)等都是屬於物件型別

let myName = 'John';
console.log(typeof myName);
// string
  • JS允許字串相加,當字串內容為數值時,使用+,運算結果為字串
  • 字串內容為數值,使用+、-、x、/ 時,運算結果為數值
  • null乘以任何數字皆為零

強制轉換型別

parseInt():將字串轉換為整數

var a = parseInt("35"); // 35
var b = parseInt("35.55"); // 35
var c = parseInt("7week"); // 7

parseFloat():將字串轉換為浮點數

var b = parseFloat("35.55"); // 35.55

Number():將物件或字串轉換為數值

var a = Number("22.5") //22.5
var b = Number("true") //1

typeof():資料型別

typeof("John"); //String
typeof 123; //number

上一篇
[ 用30天了解javascript]Day1. 認識Javascript
下一篇
[用30天了解javascript] Day3.var、let、const差別
系列文
用30天了解javascript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言