JavaScript中数据类型

一.数据类型

众所周知,JavaScript是一种弱类型语言,对语法要求并没有那些强类型语言要求那么严格,如C、java,它的所有数据类型的声明使用的关键字都是一样的var:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            function test(){
                var flag;
            }
        </script>
        <b οnclick="">按钮</b>
    </body>
</html>

二.分类

JavaScript中的数据类型大致分为如下七类:

1.字符串

由于所有变量的声明都是使用var关键字,所以区分不同数据类型的依据就是初始化时赋的值的类型,字符串类型的变量在赋值时用单引号或双引号将字符串括起来,如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            function test(){
                var address="黑龙江省大庆市";
                var name='laf';
                console.log(address);
                console.log(name);
            }
        </script>
        <b οnclick="test()">按钮</b>
    </body>
</html>

 

2.数字

强类型语言如java,数字会细分为众多不同的数据类型,可以根据整数、小数来划分,可以根据存储空间大小来划分,但是JavaScript中所有数字都是同一个数据类型,用法如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            function test(){
                var price=9.9;
                console.log(price);
            }
        </script>
        <b οnclick="test()">按钮</b>
    </body>
</html>

 

 

3.布尔

布尔型数据类型值为true和false,如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            function test(){
                var flag=true;
                console.log(flag);
            }
        </script>
        <b οnclick="test()">按钮</b>
    </body>
</html>

 

 

4.数组

数组下标从0开始,所以获取第一个元素的语法是:数组变量名[0],用法如下:

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            function test(){
                var names=['法老','八贼','小安迪'];
                
                for(var i=0;i<names.length;i++){
                    console.log(names[i]);
                }
            }
        </script>
        <b οnclick="test()">按钮</b>
    </body>
</html>

 

 

5.null

声明变量并为其赋值null,如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            function test(){
                var name=null;
                console.log(name);
            }
        </script>
        <b οnclick="test()">按钮</b>
    </body>
</html>

 

 

6.undefined

只声明了变量但是没有为变量赋值,如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            function test(){
                var name;
                console.log(name);
            }
        </script>
        <b οnclick="test()">按钮</b>
    </body>
</html>

 

 

7.对象

JavaScript中对象由大括号分隔;括号内部,对象的属性以属性名 : 属性值的形式来定义,属性之间由逗号分隔;获取属性值的方法有两种:对象变量名.属性名;对象变量名[“属性名”],以下是使用示例:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            function test(){
                var student=new Object();
                student.name='tom';
                student.sex='男';
                console.log(student.name+':'+student["sex"]);
            }
        </script>
        <b οnclick="test()">按钮</b>
    </body>
</html> 

 

三.注意

1.var的使用

JavaScript在变量声明的时候就算没有使用var关键字,依然可以声明成功,但是不推荐这样去使用,如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            function test(){
                score=200;
                console.log(score);
            }
        </script>
        <b οnclick="test()">按钮</b>
    </body>
</html>

 

 

2.数组的遍历方式

java中for循环存在加强循环的遍历方式,JavaScript中也存在这种遍历方式,只是部分用法与java稍有不同:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            function test(){
                var names=['法老','八贼','小安迪'];
                for(var index in names){
                    console.log("!!!!!!!"+index);
                }
            }
        </script>
        <b οnclick="test()">按钮</b>
    </body>
</html>

 

 

如下代码的输出结果中只有数组的序号,所以如果想将数组遍历,还要在输出语句上这样填写:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            function test(){
                var names=['法老','八贼','小安迪'];
                for(var index in names){
                    console.log(names['index']+"!!!!!!!"+index);
                }
            }
        </script>
        <b οnclick="test()">按钮</b>
    </body>
</html>

 

发布了99 篇原创文章 · 获赞 93 · 访问量 5233

猜你喜欢

转载自blog.csdn.net/DangerousMc/article/details/102651827