首頁 >web前端 >js教程 >JS開發中基本資料型別具體介紹

JS開發中基本資料型別具體介紹

黄舟
黄舟原創
2017-10-19 10:39:441131瀏覽

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開發中基本資料型別具體介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn