首页  >  文章  >  web前端  >  JavaScript数据类型介绍

JavaScript数据类型介绍

巴扎黑
巴扎黑原创
2017-08-04 10:59:561038浏览

本篇文章向大家介绍下有关JavaScript的六种数据类型的实例用法。有关JavaScript的知识点,在PHP中文网上可以搜索到相关内容。

相关推荐:http://www.php.cn/code/793.html

1数值型

数值型包括:整型、浮点型、NaN。

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           //现在我们想让一个东西的长度变成原来的10倍
           var length = "300m";
           /*
           一个字符串,是不能转换成有意义的数值的,只能转换成NaN
           一个含纯数字的字符串,可以转成有意义的数值,大家可以修改length为纯数字的字符串,输出查看结果
           */
           length = length*10;
           document.write(length);
        </script>
    </head>
    <body>
    </body>
</html>

2.字符型

用单引号或双引号,引起来的一个字串

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            var name = "小明";
            //加号为字符串连接符,我们之后会介绍
            var str = "我的名字叫做&#39;" +name+"&#39;"
            document.write(str)
        </script>
    </head>
    <body>
    </body>
</html>

3.布尔型

布尔型又称逻辑型。只有两个值:true(真)、false(假)。

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
           var x = 10;
           var y = 110;
           //x>y比较出来的结果是布尔值
           if(x>y){
               document.write(x+"比"+y+"大些");
           }else{
               document.write(y+"比"+x+"大些");
           }
        </script>
    </head>
    <body>
    </body>
</html>

4.转义字符 

义字符是反斜杠(\)。

常用的转义字符有:\’、\”、\\、\r、\n等。

也就是,当浏览器遇到反斜杠(\)时,将会对其后的一个字符进行特殊对待,当成普通字符来对待。所谓“普通”字符就是a、b、c、&等。

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            var name = "小明";
            //加号为字符串连接符,我们之后会介绍
            var str = "我的名字叫做\"" +name+"\""
            document.write(str)
        </script>
    </head>
    <body>
    </body>
</html>

5.空值

当一个对象不存在时,将返回空型,空型的值只有一个null。

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            var x = null;
            document.write(x);
        </script>
    </head>
    <body>
    </body>
</html>

6.未定义值

当一个变量定义,但未赋值时,将返回未定义型,未定义型的值只有一个undefined。

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
           var x;
           document.write(x);
        </script>
    </head>
    <body>
    </body>
</html>

以上是JavaScript数据类型介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn