js中的變數和資料型別詳解-js教程-PHP中文網

一、變數

　　js中的變數是一個抽象的概念，變數用來儲存值和代表值的。 js中定義一個變數非常的簡單：var 變數名= 變數值

　　=是賦值運算，左邊是變數名，右邊是儲存的值

　　js中的變數是鬆散類型的：透過一個var變數名稱就可以儲存任何的資料型別

　　例如var name = '李四'

二、資料型別

　　1、基本資料類型：由簡單的結構組成

　　　　數字（number）、字串（string）、布林（boolean）、null、undefined

#　　2、引用資料型態：結構相對複雜的

　　　　物件資料型別（object）

　　　unc　資料型別（fftiontion)

三、資料型態詳解

　　1、Number：正數、負數、0、小數 NaN(不是有效數字，但屬於number資料類型的)

　　　　NaN==NaN //false 不相等

　　　　var num = 12 //=是賦值 ==是判斷左右兩邊的值是否相等

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

#　　　　如果偵測的值不是number類型的，瀏覽器會預設的把他轉換成number

　　　　Number():強制將其他的資料類型轉換為number類型，要求如果是字串，字串中一定都需要是數字才可以轉換

　　　　例如：Number('12')==>12 Number('12px')==>NaN

　　　　非強制資料型別轉換parseInt/parseFloat:

## parseInt:從左到右，一個個字元查找，把是數字的轉換成有效的數字，中途如果遇到一個非有效數字，就不再繼續查找了

　　　　parseFloat：和上面一個，可以多辨識一個小數點

　　面試題：　　　

var val  = Number('12px');if(val==12){
    console.log(12)
}else if(val==NaN){
    console.log(NaN)
}else{
    console.log('以上都不成立')//输出这个
}

登入後複製

　2、boolean：true false

　　　　　　　　　！：一個嘆號是取反，先將值轉換成布林類型的，然後在取反　　　　　　console.log(!3)//先把3轉換成boolean，然後在取反

　　　　！！ :將其他的資料型別轉換為boolean類型，相當於Boolean()

　　　　資料型別轉換的規則:

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

2)、如果是兩個值比較是否相等

　　　　　　　　val1==val2 兩個值可能不是同一個資料類型的，如果是==比較的話，會進行預設的資料型別轉換

　　　　　　　　　　②、物件==字串，先將物件轉換成字串（呼叫toString的方法），然後再進行比較

　　　　　　字串成#　　　　　　　　　　　　##　　　　　　　　　　　　{}轉換成字串"[object,object]"

　　　　　　邀物件、先變差　〢為0），布林類型也轉換為數字（true是1，false是0），最後兩個數字比較

　　　　　　　　　　④、物件==數字，物件先轉換成字串（toString），然後在轉換成字串為數字（Number ""變成0），最後兩個數字比較

　　　　　　　　　　⑤、數字==布爾，布爾轉化為數字，

#==#　　　　抓化成數字

　　　　　　　　　　⑦、字串==布爾，都轉換成數字

　　　　　　　是　　　　　　　　⑨、null和undefined 等的資料型別比較都不相等

3）、除了==是比較，===也是比較（絕對比較）

　　　　　　　　val1=資料　類型不相等，肯定不相等

3、物件資料型別（由多組[屬性名和屬性值]組成，多組鍵值對組成，由多個key:value。屬性名與屬性值是用來描述這個物件特徵的）

例如：字面量建立方式實例建立的方式

 personInfo ="小李"28"60kg"

登入後複製

　　　　对象数据类型中，还可以具体的细分: 对象类（Object），数组类（Array），正则类（RegExp），时间类(Date)，字符串类（String），布尔类（Boolean），Math数学函数...等对应的实例:对象、数组、正则、时间...

　　　　js中对象、类、实例的区别:对象是泛指，js中万物皆对象，类是对对象的具体的细分，实例是类中的一个具体的事物

　　　　举例:自然界中万物皆对象，所有的东西可以分为人类、植物类、动物类、物体类，每一个人都是人类中的一个具体的实例

　　　4、基本数据类型和引用数据类型的区别

　　　　　面试题:　　　

var num1 = 12;var num2 = num1;//把num1代表的值给了num2变量num2++//等于num2 = num2+1  也可以写成num2+=1console.log(num2);//13console.log(num1);//12var obj1 = {name:"小李"};var obj2 = obj1;
obj2.name = '小李小李';
console.log(obj1.name)//小李小李console.log(obj2.name)//小李小李

登入後複製

　　　　　总结:基本数据类型没有跟着改变，引用数据类型跟着改变了

　　　　　可以看一下下面的图：