• (3)javascript的数据类型


    本篇学习资料主要讲解javascript中的数据类型

    Javascript的数据类型

          Javascript的数据类型:即一个数据不必首先做声明,可以在使用或赋值时再确定其数据的类型,当然也可以先声明该数据类型。

          计算机就是做数学计算的机器,可以处理各种数值,计算机能处理的远不止数值,还可以处理文本、图形、音频、视频、网页等各种各样的数据,不同的数据,需要定义不同的数据类型。JavaScript中定义了以下几种数据类型Undefined未定义类型、Null空值Boolean”  布尔值Number类型“String类型”字符串Object类型对象。

    先说“Undefined”未定义类型、“Null”空值:

     undefined类型:是未定义类型的变量,表示变量还没有赋值,或者赋予一个不存在的属性。

       null类型javascript中的关键字null是一个特殊的值,表示空值,用于定义空的或不存在的引用。不过,null不等同于空的字符串或0。由此可见,nullundefined的区别:null表示一个变量被赋予了一个空值,而undefined则表示该变量还未被赋值。

    案例解说:

    复制代码
    <!doctype html>
    <html>
    <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta name="keywords" content="javascript的数据类型,javascript入门,html"> <meta name="description" content="老罗江湖"> </head> <title>undefined类型、null类型</title> <body> <script type="text/javascript"> //undefined类型:是未定义类型的变量,表示变量还没有赋值,或者赋予一个不存在的属性。 var person; document.write(person+"<br/>"); //null类型:javascript中的关键字null是一个特殊的值,表示空值,用于定义空的或不存在的引用。不过,null不等同于空的字符串或0。 var car=null; document.write(car+"<br/>") </script> </body></html>
    复制代码

    效果图:

    Boolean”  布尔类型:

       布尔类型Boolean表示一个逻辑数值,一个布尔值只有true、false两种值要么是逻辑真,用true表示;要么是逻辑假,用false来表示。通常,使用1表示真(负数一样),0表示假。

    案例解说使用Boolean类型。

    复制代码
    <!doctype html> 
    <html>
    <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta name="keywords" content="javascript的数据类型,javascript入门"> <meta name="description" content="老罗江湖"> <title> Boolean类型 </title> </head> <body> <!--布尔类型Boolean表示一个逻辑数值,用于表示两种可能的情况,逻辑真,用true表示;逻辑假,用false来表示。通常,使用1表示真(负数一样),0表示假。--> <script type="text/javascript"> var b1 = Boolean("");//返回false,空字符串。 var b2 = Boolean("s");//返回true,非字符串。 var b3 = Boolean(0);//返回false,数字0。 var b4 = Boolean(1);//返回true,非0数字。 var b5 = Boolean(-1);//返回true,非0数字。 var b6 = Boolean(null);//返回false。 var b7 = Boolean(undefined);//返回false。 var b8 = Boolean(new Object());//返回true,对象。 document.write(b1+"<br/>"); document.write(b2+"<br/>"); document.write(b3+"<br/>"); document.write(b4+"<br/>"); document.write(b5+"<br/>"); document.write(b6+"<br/>"); document.write(b7+"<br/>"); document.write(b8+"<br/>"); </script> </body> </html>
    复制代码

    效果图:

    Number类型:

    javascript的数值类型可以分为4类,即整数、浮点数、内部常量和特殊值。

       整数:可以为正数、0或者负数;

       浮点数:可以包含小数点、也可以包含一个e(大小写均可,在科学记数中表示“10的幂”)、或者同时包含这两项。

    复制代码
    合法的Number类型:
    
    123; // 整数123
    
    0.456; // 浮点数0.456
    
    1.2345e3; // 科学计数法表示1.2345x1000,等同于1234.5
    
    -99; // 负数
    
    NaN; // NaN表示Not a Number,当无法计算结果时用NaN表示
    
    Infinity; // Infinity表示无限大,当数值超过了JavaScript的Number所能表示的最大值时,就表示为Infinity
    复制代码

    案例解说:

    复制代码
    <!doctype html>
    <html>
    <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta name="keywords" content="javascript的数据类型,javascript入门"> <meta name="description" content="老罗江湖"> <title> Number类型 </title> </head> <body> <script type="text/javascript"> var x1 = 36.00; var x2 = 36; var y = 123e5; var z = 123e-5; document.write(x1+"<br/>") document.write(x2+"<br/>") document.write(y+"<br/>") document.write(z+"<br/>") </script> </body> </html>
    复制代码

    效果图:输出数值。

    “String类型”字符串:

     字符串是用一对单引号(‘’)或者双引号("")和引号中的部分构成的,比如‘abc’,“edf”等等。

      一个字符串也是javascript中的一个对象,有专门的属性,引号中间的部分可以是任意多的字符,如果没有则是一个空字符串。如果要在字符串中使用双引号,则应该将其包含在使用单引号的字符串,使用单引号时则反之

    案例解说:

    复制代码
    <!doctype html>
    <html>
    <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta name="keywords" content="javascript的数据类型,javascript入门"> <meta name="description" content="老罗江湖"> <title> string类型 </title> </head> <body> <script type="text/javascript"> var string1 = "小明"; var string2 = '小明'; var string3 = "how are you?"; var string4 = "He is called '小明'"; var string5 = 'He is called "小明"'; document.write(string1+"<br/>") document.write(string2+"<br/>") document.write(string3+"<br/>") document.write(string4+"<br/>") document.write(string5+"<br/>") </script> </body> </html>
    复制代码

    效果图:输出字符串。

    “Object类型”:

     前面介绍的是javascript的几种数据类型都是原始数据类型,而Object是对象类型。

    案例解说:

    复制代码
    !doctype html>
    <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta name="keywords" content="javascript的数据类型,javascript入门"> <meta name="description" content="老罗江湖"> <title> Object类型 </title> </head> <body> <script type="text/javascript"> person=new Object(); person.firstname=""; person.lastname="小明"; person.age=18; document.write( person.lastname + "is" +person.age + "years old." ); </script> </body> </html>
    复制代码

    效果图:Object数据类型的使用。

    以上的内容部分来自“javascript从零开始学”和个人学习笔记,转载请注明出处!谢谢合作!

  • 相关阅读:
    linux基本命令
    Linux中常用的50个命令
    Selenium2之XPath定位
    Selenium2浏览器启动及配置
    python学习内容.05
    python学习内容.04
    python学习内容.03
    python学习内容.02
    python学习内容.01
    RESTful
  • 原文地址:https://www.cnblogs.com/LiuWeiLong/p/7088122.html
Copyright © 2020-2023  润新知