首頁 >web前端 >js教程 >幾種JS開發中基本資料類型

幾種JS開發中基本資料類型

小云云原創: 2018-01-09 13:00:441496瀏覽

JS的資料型別包括基本資料型別、複雜資料型別和特殊資料型別，今天我們主要先來講解一下基本資料型別。有興趣的朋友一起看看吧，希望能幫助大家。

JS開發中基本資料型別有哪些？ JS的資料類型包括基本資料類型、複雜資料類型和特殊資料類型，今天我們主要先講解基本資料類型。

0、先提示兩個下面用到的知識點：

0.1typeof，是用來偵測變數類型的

寫法：typeof a;

0.2console.log（）是用來在控制台列印你所需要的部分的

一般瀏覽器在進入HTML文件頁面後，點擊右鍵選擇檢查，就會出現控制台，選擇console你就可以看到你所印的內容了

另外：alert（）是頁面彈框顯示內容

document.write（）是輸出內容在頁面當中的方式

1、變數：在講基本資料型態之前，我們先來了解JS定義變數的方法。

1.1定義變數：在定義變數的時候，可以給變數初始值，不區分型別（容器的型別）。

1.2 變數的命名規格：字母、數字、底線和$的組合；不能以數字開頭；不能是關鍵字和保留字；駝峰命名法。

1.3初始值只能是一下5大類型：

數值型別Number，只能是數字或小數

var a = 10;
console.log(typeof a);//number
var b = 10.6;
console.log(typeof b);//number

字串型別String，用單引號或雙引號包裹的任何字元

var c = 'hello';
console.log(typeof c);//string
var d = "world";
console.log(typeof d);//string

布林類型Boolean，只能是true或false代表真假

var e = true;
console.log(typeof e);//boolean
var f = false;
console.log(typeof f);//boolean

未定義undefined，定義變數後不賦值，這個變數就是undefined

var g;
console.log(typeof g);//undefined

空null，是物件類型，物件類型object有很多種，如陣列物件、數學物件、日期物件（後期學習）

var h = "";
console.log(typeof h);//null

而這五種就是JS的五種基本資料類型。

2、型別轉換

數值型別、字串型別與布林型別的互相轉換

2.1轉數值—Number（）

console.log(Number("123"));//123
console.log(Number("12.3"));//12.3
console.log(Number("12hshs"));//NaN
console.log(Number('0034'));//34
console.log(Number(""));//0
console.log(Number(true));//1
console.log(Number(false));//0
console.log(Number(null));//0
console.log(Number(undefined));//NaN

附註： NaN：not a number，其他的以後會解釋

2.2轉字串String（），寫什麼轉什麼

console.log(String(123));//123
console.log(String(0));//0
console.log(String(true));//true
console.log(String(false));//false
console.log(String(undefined));//undefined
console.log(String(null));//null

2.3轉布爾Boolean（）

#技巧：

數字轉boolean非0為真

字串轉boolean非空為真

NaN null undefined轉字串為假

console.log(Boolean("123"));//true
console.log(Boolean("0"));//true
console.log(Boolean("山东"));//true
console.log(Boolean(""));//false
console.log(Boolean("true"));//true
console.log(Boolean("false"));//true
console.log(Boolean(14));//true
console.log(Boolean(0));//false
console.log(Boolean(NaN));//false
console.log(Boolean(-100));//true
console.log(Boolean(undefined));//false
console.log(Boolean(null));//false

幾種JS開發中基本資料類型

相關文章