Javascript數據類型中有哪些可能會中招的細節

今天就跟大家聊聊有關Javascript數據類型中有哪些可能會中招的細節，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

前言

Javascript的數據類型對于大家來說一點都不默認，主要基本數據局類型和引用數據類型，都是入門必學的知識點，而且在日常開發中，頻繁使用。

一、number類型注意事項

number類型包括：正數、負數、0、小數、NaN

NaN：意思是not a number 不是一個有效數字，但是它是屬于number類型的

(1) = 和 == 和 ===的區別

•  = 是賦值

•  == 是判斷左右兩邊的值是否相等(非嚴格判斷，只要字面相等則相等)

•  === 是判斷左右兩邊是否想相等,嚴格判斷(包含數據類型,類型和字面相等才相等)

(2) NaN

•  NaN 和 NaN 是不相等的,NaN == NaN返回的是false

•  isNaN();檢測一個值不是有效數字的命題是否成立，是有效數字則返回false，不是有效數字返回的才是true

isNaN() 如果檢測的值不是number類型，瀏覽器會默認把值轉換為number類型，然后在判斷是否為有效數字

例如：       console.log(isNaN("123"))  // 打印結果是 true  步驟:      1、首先把"123"轉換成number類型的,使用Number()轉換方法     2、然后判斷number類型的值是否滿足isNaN的條件

•   Number()方法 強制將其他數據類型轉為number類型(強制數據類型轉換) 

Number()方法 強制將其他數據類型轉為number類型，  要求：如果是字符串，字符串中一定都需要是數字才可以轉換  例如：Number("12")返回的結果是12，Number("12px")返回的結果就是NaN

•   非強制數據類型轉換 parseInt()/ parseFloat() 

parseInt: 從左到右，一個個字符查找，把是數字的轉為有效數字，中途如果遇到了一個非有效數字，就不在繼續查找了  parseFloat: 和上面一樣，可以多識別一個小數點。  例如：parseInt('12px')的值為 12      parseFloat('12.5px')的值為 12.5

二、數據類型的轉換規則

常用的boolean轉換符號

•  ! 一個感嘆號是取反，首先將值轉化為布爾類型的值，然后取反

•  !! 兩個感嘆號是將其他的數據類型轉換為 boolean 類型，相當于Boolean()

轉換規則：

1、如果只有一個值，判斷這個值是真還是假，遵循：只有 0 NaN "" null undefined 這五個是假，其余的都是真

例如：      console.log(!3)  // false      console.log(![]) // false      console.log(!{}) // false         console.log(!null) // true      console.log(!0) // true      console.log(!undefined) //true      console.log(!"")) //true

注意： 此處 數字0才為假，如果是字符串的'0',同樣為真

例如：    if(0){      console.log("為真")    }else{      console.log("為假")    }    if('0'){       console.log("為真")    }else{       console.log("為假")    }    第一個輸出 為假，第二個輸出 為真

2、如果是兩個值比較是否相等，遵循這個規則：

val1 == val2 兩個值可能不是同一數據類型的，如果是 == 比較的話，會進行默認的數據類型轉換

•  1)、對象 == 對象，永遠不相等

•  2)、對象 == 字符串 現將對象轉換為字符串(調用toString的方法)，然后在進行比較 

[] 轉換為字符串 ""  {} 轉換為字符串 "[object Object]"     所以:  [] == "" 為 true        {} == "" 為 false

•  3)、對象 == 布爾類型 對象先轉為字符串(toString)，然后把字符串轉換為數字(Number),布爾類型也轉換為數字(true是1 false 是0)，最后讓兩個數字比較   

例如：         console.log([] == false) // 為 true         解析：首先 []轉為字符串"",然后字符串轉為數字類型number，Number("")結果為0，false         轉為數字類型，Number(false) 結果也為0，所以 [] == false, 就解析成了 0與0的比較，所以相等，         返回true

•  4)、對象 == 數字 對象先轉為字符串(toString)，然后把字符串轉換為數字(Number)

•  5)、數字 == 布爾 布爾類型轉換為數字

•  6)、數字 == 字符串，字符串轉換為數字

例如：5 == '5' // 為 true

•  7)、字符串 == 布爾 都轉換為數字

•  8)、null === undefined 結果是true 

console.log(null == undefined) // true

•  9)、null和undefined 和其他任何數據類型都不相等 

console.log(null == 0) // false  console.log(undefined == 0) // false

3、除了== 是比較，===也是比較(絕對比較)，如果數據類型不一樣肯定不相等

例如：      console.log(0 == false) // true      console.log(0 === fasle) // false          console.log(5 == "5") // true      console.log(5 === "5") // false      console.log(null == undefined) // true      console.log(null === undefined) // false

三、typeof(數據類型檢測)

typeof 用來檢測數據類型的，用法：typeof + 要檢查的值,

返回一個字符串，包含了數據類型的字符( "number","string","boolean","undefined","function","object")

•  typeof null 返回的結果是 "object"

•  typeof undefined 返回的結果是 "undefined"

雖然null 和 undefined 同為number數據類型，但是通過typeof檢測的值不是number，而且也不相同。

•  typeof null 結果是 "object"

•  typeof [] 結果是 "object"

注意：同為對象數據類型的 數組、正則、對象的檢測類型都是"object"

typeof 局限性：不能具體的檢查object下細分的類型

console.log(typeof typeof typeof typeof []) // "string"  此處打印的是"string"

tip：因為typeof 返回的值就是一個字符串，如果用到了兩個以及兩個以上的typeof 返回的都是 "string"類型

四、基本數據類型和引用數據類型的本質區別

例子：

情景一:      var num1 = 12;      var num2 = num1;      num2++;      console.log(num1);     情景二:      var obj1 = {"name":"張三"};      var obj2 = obj1;      obj2.name = "李四";      console.log(obj1.name);       情景一打印的值為 12, 情景二打印的值為 "李四"

分析：基本數據類型的值是具體的值，此處的var num2=num1;就是將num1的值 12給num2，此時num2和num1的值同為12，但是和num1的num2的值互不相關，所以不論num2怎么變，num1都是12，都不會改變。引用數據類型，存儲的是數據內存的地址，var obj1 = {"name":"張三"} 是開辟一個空間來存放{"name":"張三"}值，然后將obj1指向存儲值的地址，此時，var obj2 = obj1,就是將obj1指向內存空間的地址賦值給obj2，兩個都指向同一個內存地址，對應的同一個值。所以后面obj2更改內存空間里面name的值后，obj1的值也會改變。

看完上述內容，你們對Javascript數據類型中有哪些可能會中招的細節有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。