JS基本入門篇(六)— 數據類型

1.數據範例

數據範例:我覺得就是對數據的品種舉行分類。就比如把人分為兒童,青少年,中年,老年一樣。

  • 基本數據範例:

                   Number(数字),String(字符串),Null(空),Undefined(未定義),Boolean(布爾值)。
  • 複合(龐雜)數據範例

     Object(對象)
    

2.字符串

  • 字符串:
    成對單引號或許雙引號包起來的0個或多個字符構成的串
  • 字符串拼接:
    只需 +一邊是字符串 ,那末就會做字符串拼接。

<script>
//            "abcdef"
//            ""  這是空字符串
//            " " 這是含有一個空格的字符串
            var str = "abc";
            console.log( str.length );//效果為:3
            console.log( str[1] );//效果為:b
            
            var str2 = "123456"; 
            console.log( str2 + 1 );//效果為:1234561
            
            console.log( "hello"+"world" );//效果為:helloworld
            
            console.log( "hello"-"o" );//效果為:NaN
            
</script>

3.Number

  • Number: -Infinity~Infinity之間,分為小數(浮點數)和整數。
<script>
//        123456
//        0
//        -1000
//        1.23456    
        
        console.log( Infinity+1 );  //Infinity
        console.log( 1/2 );//0.5
        console.log( 1/0 );//Infinity
        
        
        console.log( 2.0 );//2
        console.log( 0.1+0.2 );//0.30000000000000004,不易用js來舉行算數盤算,由於js盤算存在題目。
        
</script>

4.Boolean

布爾值:

值為:true、false。
平常用布爾值推斷真假,舉行流程掌握等

5.Undefined

未定義:

聲明一個變量,並未給其賦值,那末這個變量內存儲的就是undefined;
平常來說不願望看到undefined。
<body>
<div> div </div>
<script>
        var a = undefined;
        console.log( a );
//------------------------------------------
        var b;
        console.log( b );
        
        console.log(document.z );
//------------------------------------------
        var divs = document.getElementsByTagName("div");
        divs[1].className = "red";
        console.log( divs[1] );//這是報錯中含有undefined.不存在divs[1],故會報錯。
</script>
</body>

6.Null

Null :

值只要一個 null,是一個對象。
<body>
    <script>
        console.log( document.querySelector("div") );//null
        var a = null;
        console.log( a );//null
        console.dir( null );//null
//        a.index = 1; // 報錯,不能給null增加屬性。
    </script>
</body>

7.複合範例 Object

複合範例:簡樸複合數據範例構成的。

1.對象:

        由一對{}包起來的,
        0對或許多對 鍵名和鍵值 構成的對,
        每對鍵值對 之間用","離隔,末了一個不要加","

2.對象值的獵取:

        要領一:對象.鍵名(屬性名)
        要領二:對象["鍵名"]

3.對象值的設置:

        要領一:對象.鍵名(屬性名) = 值
        要領二:對象["鍵名"] = 值

4.舉例說明

<body>
    <script>
        console.dir( {} );

        var kimoo = {
            age:18,
            isMarried:true,
            name:"kimoo",
            wife:true,
            children:[
                {
                    name:"joe",
                    age:18
                },
                {
                    name:"tom",
                    age:20
                }
            ]
        };
        
        console.log( kimoo.name );//kimoo
        console.log( kimoo.age );//18
        console.log( kimoo["age"] );//18
//------------------------------------------
        kimoo.age = 28;
        console.log( kimoo.age );//28
        kimoo["age"] = 38;
        console.log( kimoo.age );//28
        
//------------------------------------------
        console.log( kimoo.children[0].name )
        
    </script>
</body>

8.typeof

typeof:檢測數據範例

注重:

  • 返回值是一個”字符串” 範例。 eg: “number”、”function”
  • typeof 出的效果首字母都是小寫的。
<script>
        console.log( typeof 123 );//"number"
        console.log( typeof "abc" );//"string"
        console.log( typeof true );//"boolean"
        
        console.log( typeof null );//"object"
        console.log( typeof undefined );//"undefined"
        console.log( typeof {} );//"object"
        
        console.log( typeof function fn(){} ); //"function"
        console.log( typeof [] );// "object"
        
        console.log( typeof typeof [1,2,3] ); //"string"
                            |首先到這一步
//        console.log( typeof "object" );
//                            |再到下一步
//        console.log( "string" );
        console.log( typeof("abc","1234",true)); //打印括號中末了一個數據的數據範例為boolean.
        
        console.log( typeof ("abc" + "d") );//"string"

        console.log( typeof "abc" + "d" );//"stringd"
        console.log( "d" + typeof "abc" );//"dstring"
</script>
    原文作者:梁志芳
    原文地址: https://segmentfault.com/a/1190000014868422
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞