JavaScript（一）數(shù)據(jù)類型

zhiwei 發(fā)布于2019-08-23 16:55 / 990人閱讀

摘要：運(yùn)算符用來(lái)測(cè)試一個(gè)對(duì)象在其原型鏈中是否存在一個(gè)構(gòu)造函數(shù)的屬性，但它不能檢測(cè)和作用和非常相似。但檢測(cè)與不一樣，還可以處理基本數(shù)據(jù)類型的檢測(cè)。

數(shù)據(jù)類型

javascript中數(shù)據(jù)類型分為簡(jiǎn)單數(shù)據(jù)類型和復(fù)雜數(shù)據(jù)類型，今天只學(xué)簡(jiǎn)單數(shù)據(jù)類型 ( 5個(gè) )
number、string、boolean、undefined、null
數(shù)值、字符串、布爾、聲明未賦值、空類型

Number

JavaScript不區(qū)分整數(shù)和浮點(diǎn)類型，統(tǒng)一使用number來(lái)表示

進(jìn)制

在javascript中表示一個(gè)數(shù)字，除了有我們常用的十進(jìn)制11, 22,33等，還可以使用八進(jìn)制、十   六進(jìn)制表示等。

//我們最常用的進(jìn)制，進(jìn)行算術(shù)運(yùn)算的時(shí)候，八進(jìn)制和十六進(jìn)制最終都要轉(zhuǎn)換成二進(jìn)制,計(jì)算機(jī)只識(shí)別二進(jìn)制
//逢10進(jìn)1
var num = 9;
var num = 29;

// 0開頭的數(shù)字， 逢8進(jìn)1
var num1 = 010;
var num2 = 0121;

// 八進(jìn)制 0-7  逢八進(jìn)一 , 10
var ba = 0321; 
// 12 = 2*8^0 + 1*8^1 = 10
// 321 = 1*8^0 + 2*8^1 + 3*8^2 = 1+16+ 192 = 209
console.log(ba);

//  十六進(jìn)制
// 0x開頭的數(shù)字，逢16進(jìn)1，  數(shù)字范圍1-9A-F
var num = 0xA;
var num = 0x12;

浮點(diǎn)數(shù)

浮點(diǎn)數(shù)就是小數(shù),，比如0.1
const num = 0.1;

/**** 科學(xué)計(jì)數(shù)法 */
//當(dāng)一次數(shù)字很大的時(shí)候，可以用科學(xué)計(jì)數(shù)法來(lái)表示
var num = 3e+3;  //3乘以10的3次方
var num = 2e-2;//2乘以10的-2次方

/***浮點(diǎn)數(shù)丟失精度問(wèn)題*/
//在進(jìn)行浮點(diǎn)數(shù)運(yùn)算的時(shí)候，可能會(huì)出現(xiàn)精度丟失的問(wèn)題
0.1 + 0.2 = 0.30000000000000004;
0.2 + 0.2 = 0.4;
//盡量少用浮點(diǎn)數(shù)進(jìn)行運(yùn)算，不要讓浮點(diǎn)數(shù)進(jìn)行比較。

解決辦法 : 根據(jù)小數(shù)點(diǎn)后面的位數(shù)量 乘以對(duì)應(yīng)的整數(shù);
0.2 + 0.3  ==> (0.2*10+0.3*10) / 10 = 0.5

/**** 數(shù)值范圍 **/
最小值：Number.MIN_VALUE，這個(gè)值為： 5e-324
最大值：Number.MAX_VALUE，這個(gè)值為： 1.7976931348623157e+308
無(wú)窮大：Infinity    1/0
無(wú)窮小：-Infinity

字符串類型--String

      字符串類型，使用雙引號(hào) " 或者 " 或者 `` 包裹起來(lái)的字符

        ```
        //雙引號(hào)和單引號(hào)必須成對(duì)出現(xiàn)
        const str = "hello world";
        const str = "hello world";
        
        const num1 = "13";
        const num2 = "13";
        
        /******字符串長(zhǎng)度***/
        每一個(gè)字符串都有一個(gè)length屬性，可以獲取到字符串中字符串的個(gè)數(shù)
        const str = "akdjflksjdflk";
        console.log(str.length);
        
        /****字符串拼接***/
        
       1、+號(hào)具有字符串拼接功能，它能將兩個(gè)字符串拼接成一個(gè)字符串。
       2、+號(hào)同時(shí)具有算術(shù)加法的功能，它能將兩個(gè)數(shù)字進(jìn)行相加
       3、如果+號(hào)兩邊有一個(gè)是字符串，那么就是拼串的功能，如果都是數(shù)字，那么就是算數(shù)的功能。

       // 第一種情況 : 字符串 + 字符串
       const a = "hello";
       const b = "world";
       console.log(a + b);//字符串拼接功能

       // 第二種情況 : 數(shù)值 + 數(shù)值
       const a = 100;
       const b = 100;
       console.log(a + b);//加法

       // 第三種情況 : 字符串 + 數(shù)值
       const a = "abc";
       const b = 100;
       console.log(a + b);//字符串拼接功能

布爾類型--boolean

      布爾類型：true 和 false
  
     //布爾類型只有兩個(gè)值
     true:表示真
     false:表示假

undefined和null

 他們都屬于獲取非正常值的類型
 
 undefined表示一個(gè)沒有賦值的變量
 null表示一個(gè)空的值, ( 例如 : 獲取一個(gè)元素,id寫錯(cuò)了,獲取不到,返回一個(gè)null)

數(shù)據(jù)類型的判斷

1. typeof

 typeof返回一個(gè)表示數(shù)據(jù)類型的字符串，返回結(jié)果包括：number、boolean、string、symbol、object、undefined、function等7種數(shù)據(jù)類型，但不能判斷null、array等

2. instanceof

instanceof 是用來(lái)判斷A是否為B的實(shí)例，表達(dá)式為：A instanceof B，如果A是B的實(shí)例，則返回true,
否則返回false。instanceof 運(yùn)算符用來(lái)測(cè)試一個(gè)對(duì)象在其原型鏈中是否存在一個(gè)構(gòu)造函數(shù)的 prototype 屬性，但它不能檢測(cè)null 和 undefined

3. constructor

constructor作用和instanceof非常相似。但constructor檢測(cè) Object與instanceof不一樣，還可以處理基本數(shù)據(jù)類型的檢測(cè)。 
不過(guò)函數(shù)的 constructor 是不穩(wěn)定的，這個(gè)主要體現(xiàn)在把類的原型進(jìn)行重寫，在重寫的過(guò)程中很有可能出現(xiàn)把之前的constructor給覆蓋了，這樣檢測(cè)出來(lái)的結(jié)果就是不準(zhǔn)確的。

4. Object.prototype.toString.call()

Object.prototype.toString.call() 是最準(zhǔn)確最常用的方式。

Object.prototype.toString.call("") ;   // [object String]
Object.prototype.toString.call(1) ;    // [object Number]
Object.prototype.toString.call(true) ; // [object Boolean]
Object.prototype.toString.call(undefined) ; // [object Undefined]
Object.prototype.toString.call(null) ; // [object Null]
Object.prototype.toString.call(new Function()) ; // [object Function]
Object.prototype.toString.call(new Date()) ; // [object Date]
Object.prototype.toString.call([]) ; // [object Array]
Object.prototype.toString.call(new RegExp()) ; // [object RegExp]
Object.prototype.toString.call(new Error()) ; // [object Error]