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

js中的變數和資料型別詳解

PHP中文网
發布: 2017-06-20 09:20:12
原創
1283 人瀏覽過

一、變數

  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)//小李小李
登入後複製

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

     可以看一下下面的图:

   

      基本数据类型和引用数据类型的本质区别: 基本数据类型操作的是值,引用数据类型操作得是对新空间的引用地址

      基本数据类型是把值直接的给变量,接下来在操作的过程中,直接拿这个值操作的,可能两个变量存储一样的值,但是互不干扰,其中一个改变,另一个没有任何的影响。

      引用数据类型:

        1)、定义一个变量

        2)、开辟一个新的空间,然后把属性名和属性值保存在这个空间中,并且有一个空间地址

        3)、把空间的地址给了这个变量,变量并没有存储这个数值,而是存储的是对这个空间的引用

        4)、接下来把这个地址,又告诉给了另外一个变量,另外一个变量存储的也是这个地址,此时两个变量操作的是同一个空间

        5)、其中一个改变了空间的内容,另外一个也跟着改变了

    5、检测数据类型的方式:typeof instanceof constructor  Object.prototype.toString.call()

      typeof用来检测数据类型的:typeof 要检查的值

      返回值:是一个字符串,包含了数据类型字符"number"、"string"、“boolean”、“undefined”、“object”、"function"

      typeof null 的结果是“object”

      typeof的局限性:不能具体检查object下细分的类型,检查这些返回的都是“object”

      面试题:

        console.log(typeof typeof typeof [])// "string"   出现两个以上的typeof   最终结果都是“string”

          

      

  

    

 

    

     

以上是js中的變數和資料型別詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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