首頁 > web前端 > js教程 > 主體

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

小云云
發布: 2018-01-09 13:00:44
原創
1435 人瀏覽過

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中基本資料型別、引用資料型別差異

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

JavaScript基本資料型別、值型別與參考型別的介紹

#

以上是幾種JS開發中基本資料類型的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!