javascript基本類型

javascript裡面的數據類型有哪些

我們先來認識下JavaScript中的數據類型。JavaScript是弱類型語言，開始的時候並不知道變數時什麼類型，必須通過存儲的具體的值才能判斷變數的類型。

JavaScript的數據類型分為基本數據類型和復雜數據類型。其中，基本數據類型:Number(數字),String(字元串),Boolean(布爾),Undefined(未定義),Null(空);復雜(引用)數據類型:Object(對象),Array(數組),Function(函數)。我們可以使用typeof操作符檢查變數的類型，語法為typeof(變數)/typeof變數，typeof返回值:number,string,boolean,undefined,object,function。今天我們來認識下JavaScript中的基本數據類型。

首先，我們來認識下Number類型。number類型就是數字類型，主要用於存儲數據，參與數學運算。number類型包括整數，小數，正數，負數，各種進制的數字和特殊數字。我們通過下面的代碼來認識下number類型：

//?1.1?普通整數和小數

var?num1?=?10;

var?num2?=?2.5;?console.log(typeof(num1),?typeof?num2);

//?1.2?負值

var?num3?=?-0.2;

console.log(num3,?typeof?num3);

//?1.3?八進制,以?0?開頭並且沒有超過?8?的值,則為?8?進制

var?num4?=?070;

console.log(num4,?typeof?num4);?//?56?number

//?1.4?十六進制,0x?開頭,則為?16?進制

var?num5?=?0x10;

console.log(num5,?typeof?num5);?//15?number

除了上面的number類型，JavaScript中還有一些特殊的數字類型:

1、NaN:notanumber，算術運算不能得到正常數字時會返回NaN，NaN不和NaN相等。

2、Infinity:無窮大。

3、e:10的次冪1e9代表1乘以10的9次冪

4、小數相加會有誤差

//1.1?NaN?not?a?number?算術運算不能得到正常數字都會返回?NaN?var?num5?=?『a』?-?5;

console.log(num5,?typeof?num5);?//?NaN?number

//?1.2?無窮大

var?num6?=?1?/?0;

console.log(num6,?typeof?num6);?//?Infinity?number

//?1.3?小數相加?會有一點偏差

console.log(0.1+0.2);?//?0.30000000000000004

接下來，我們來認識下String類型，string類型就是字元串類型，是用引號引起來的內容，單引號和雙引號都可以，例如：「web」，『web』。字元串有一個常用屬性length，用來表示字元串的長度，字元串中的任意字元都占字元串的一個長度，字元串也可以通過charAt(下標)方法來獲取對應下標的字元，需要注意的是，字元串中下標是從0開始的，除了charAt()方法外，也可以使用字元串加中括弧的形式獲取對應下標的字元。

var?str1?=?『abc』;

var?str2?=?「123」;

console.log(typeof?str1,typeof?str2);?//string?string

console.log(str1.charAt(0));?//?a

console.log(str1[0]]);?//?a

此外，所有我們從input表單中獲取的用戶輸入的內容都是字元串，哪怕輸入的是數字。例如下面的例子。

input?type="text"?id="oIn"

button?id="oBut"輸出內容/button

oBut.onclick?=?function?()?{

var?value?=?oIn.value;

console.log(typeof?value);?//?string

}

接下來，我們來認識下Boolean類型。Boolean：布爾類型，只有真和假，也就是true/false。

var?bool1?=?true;

var?bool2?=?false;

console.log(typeof?bool1,?typeof?bool2);?//?boolean?boolean

console.log(10??20);?//false

if(10??????20){?//?if?的小括弧裡面,會自動轉換成?boolean?類型

alert(true)

};

除了通過比較能得到Boolean的值以外，還有一個口訣來判斷條件是否為真：非0為真，非空為真」。即0為假,其他數字為真，空字元串為假，其他為真。

最後，我們來認識下null和undefined。null表示值為空，undefined表示變數沒有初始化(聲明未賦值)，值的空缺。null表示空對象，使用typeof操作符得到的「object」。undefined：undefined類型，當聲明變數未賦值時，變數的值就是undefined，類型也是undefined。

var?a?=?null;

console.log(a);?//?null

console.log(typeof?a);?//?object

//?var?b?=?undefined;

var?b;

console.log(b);?//?undefined

console.log(typeof?b);?//?undefined

JS中一共有六種基本數據類型，分別是Undefined、Null、Boolean、Number、String，還有在ES6中新增的Symbol和ES10中新增的BigInt類型。

1.Undefined：未定義型??

一個變數聲明了但是未賦值的情況下就是undefined；

2.Null：空型

一般用來清空變數，也起了佔位作用

3.String：字元型

凡是被雙引號或單引號包裹起來的都叫做字元型，字元串有length屬性。

4.Number：數值型

包含整數和浮點數（浮點數數值必須包含一個小數點，且小數點後面至少有一位數字）兩種值。

（1）NaN：非數字類型。

特點：①涉及到的任何關於NaN的操作，都會返回NaN???

??????②NaN不等於自身。

（2）isNaN()：用於檢查其參數是不是數值，得到的結果是一個布爾值，不是數值返回true，是數值返回false。

5.Boolean：布爾型

只有true和false兩個值。

6.Symbol代表創建後獨一無二且不可變的數據類型，它的出現我認為主要是為了解決可能出現的全局變數沖突的問題。

7.BigInt是一種數字類型的數據，它可以表示任意精度格式的整數，使用BigInt可以安全地存儲和操作大整數，即使這個數已經超出了Number能夠表示的安全整數范圍。

1、number類型

①number類型包含整數和浮點數（浮點數數值必須包含一個小數點，且小數點後至少有一位數字）。

浮點數會自動轉換為整數，如下：

letnum=1.00

console.log(num)//輸出：1，自動轉換為了整數

②浮點數的最高精度是17位，看下面的例子：

leta=0.1

letb=0.2

console.log(a+b)//輸出：0.30000000000000004

上面的例子，結果竟然不是0.3，至於其他變成語言，也會遇到這種情況（關於浮點數計算會產生誤差問題，其他有些變成語言也會出現類似情況。）

③NaN：非數字類型，特點：涉及到任何關於NaN的操作，都會返回NaN，而且NaN不等於自身。如下：

letname='lisi'

console.log(name/10)//輸出：NaN

console.log(NaN===NaN)//輸出：false

④isNaN()函數用於判斷是否是一個非數字類型，如果傳入的參數是一個非數字類型，那麼返回true，否則返回false；

⑤isNaN()函數傳入一個參數，函數會先將參數轉換為數值，如果參數類型為對象類型，會先調用對象的valueOf()方法，再確定該方法返回的值是否可以轉換為數值類型，如果不能，再調用對象的toString()方法，再確定返回值；

⑦數值轉化：

Number()，轉型函數，可以用於任何數據類型

parseInt()，將值轉換為整型，用的較多

parseFloat()，將值轉換為浮點型

2、string類型

①字元串類型中的單雙引號作用一樣；

②字元串有length屬性，可以取得字元串的長度：

letstr='Helloworld'

console.log(str.length)//輸出：11

③字元串的值是不可變的，要改變一個字元串的值，首先要銷毀原來的字元串，再用另一個包含新值得字元串區填充該字元串；

④字元串轉換：

String()，轉型函數，適用於任何數據類型（null，undefined轉換後為null和undefined）

toString()方法可以把一個邏輯值轉換為字元串，並返回結果（null、undefined沒有toString()方法）

letab='zhangsan'

letbc=null

letcd=undefined

console.log(ab.toString())//輸出：zhangsan

//console.log(bc.toString())//error報錯

//console.log(cd.toString())//error報錯

console.log(String(ab))//輸出：zhangsan

console.log(String(bc))//輸出：null

console.log(String(cd))//輸出：undefined

3、boolean類型

①這個類型只有兩個值，true和false；

②Boolean()，轉型函數，將某個值轉換為Boolean類型

4、null類型

①null類型被看做空對象指針，只有一個值，即null值，所以在用typeof操作符去檢測null類型的值得時候，結果是object類型；

②如果你定義了一個變數，但是想在以後把這個對象當做一個對象來使用，最好將該對象初始化為null值

5、undefined類型

①只有一個值，即undefined，如果聲明了一個變數，但是未給變數初始化值，那麼這個變數的值就是undefined：

letname='zhangsan'

letage

console.log(name)//輸出：zhangsan

console.log(age)//undefined，因為聲明了age，但是沒有給初始化值

②調用函數時，應該提供的參數沒有提供，該參數等於undefined；

③對象沒有賦值的屬性，該屬性的值為undefined；

④函數沒有返回值，默認返回undefined。

以上就是javascript的基本數據類型有哪些？的詳細內容，更多請關注html中文網其它相關文章！

在ES5的時候，我們認知的數據類型確實是?6種：Number、String、Boolean、undefined、object、Null。

ES6中新增了一種?Symbol?。這種類型的對象永不相等，即始創建的時候傳入相同的值，可以解決屬性名沖突的問題，做為標記。

谷歌67版本中還出現了一種?bigInt。是指安全存儲、操作大整數。（但是很多人不把這個做為一個類型）。

JS數據類型：JS的數據類型有幾種？

???8種。Number、String、Boolean、Null、undefined、object、symbol、bigInt。

JS數據類型：Object中包含了哪幾種類型？

???其中包含了Data、function、Array等。這三種是常規用的。

JS數據類型：JS的基本類型和引用類型有哪些呢？

??基本類型（單類型）：除Object。?String、Number、boolean、null、undefined。

??引用類型：object。裡麵包含的function、Array、Date。