美文网首页
JS数据类型

JS数据类型

作者: 随意人生_1b90 | 来源:发表于2017-06-02 20:27 被阅读0次

    js数据类型

    字符串(string)   数字(number)   布尔(boolean)   数组(array)   对象(object)    Null        Undefined

    动态类型:

    相同的变量可用作不同的类型

    例: var x;  //x 为 undefined

    var x = 5;  //x 为数字

    var x = "bill"  //x 为字符串

    字符串:

    字符串是存储字符的变量。字符串可以是引号中的任意文本,可以使用单引号或双引号:

    var name = "javascript",

    clss = 'html';

    可以在字符串中使用引号,只要不匹配包围字符串的引号即可:

    var carname = "he is called 'bill' ";

    效果图:

    数字:

    js 只有一种数字类型。数字可以带小数点,也可以不带:

    var x = 20.00,  //使用小数点

    y = 20;  //不使用小数点

    极大或极小的数字可以通过科学(指数)记数法来书写:

    var z = 123e5,  // 12300000

    s = 123e-5;  // 0.00123

    效果图:

    科学记数法:此格式用指数表示法显示数字,以 e+n 替换部分数字,其中 e(代表指数)表示将前面的数字乘以10 的 n 次幂。

    布尔:

    布尔(逻辑)只能有两个值:true 或 false。布尔常用在条件测试中。

    var x = true   //正确

    var y = false   //错误的

    数组:

    创建名为 cars 的数组:

    var cars = new Array();

    cars[0] = "Audi";

    cars[1] = "BMW";

    cars[2] = "Volvo";

    或者(condensed array):

    var cars = new Array("Audi","BMW","Volvo");

    或者(literal array):

    var cars = ["Audi","BMW","Volvo"];

    数组下标是基于零的,所以第一个项目是[0],第二个是[1],以此类推。

    var i;   

    var cars = new Array(); 

    cars[0] = "Audi"; 

    cars[1] = "BMW";  

    cars[2] = "Volvo"; 

    for (var i = 0; i < cars.length; i++) {  

        document.write(cars[i] + "<br>"); 

    }

    运行效果

    对象:

    对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式(name:value)来定义。属性由逗号分隔:

    var person = {

      name : "bill",

      age : 30 ,

      id : 666

    };

    对象的两种寻址方式:

    name = person.name;

    name = person["name"];

    例:

    document.write(person.name + "<br>");    

    document.write(person["name"] + "<br>");

    运行效果:

    Undefined 和 Null

    Undefined 这个值表示变量不含有值。通过将变量的值设置为 null 来清空变量。

    var x; 

    var y = "boos";    

    document.write("<p>x = "+ x +"</p>");    

    document.write("<p>y = "+ y +"</p>");    

    var y = null;    

    document.write("<p>y = "+ y +"</p>");

    运行效果

    声明变量类型

    声明新变量时,可以使用关键词 "new" 来声明其类型:

    var carname = new String;

    var x =            new Number;

    var y =            new Boolean;

    var cars =       new Array;

    var person =   new Object;

    javascript 变量均为对象。当声明一个变量时,就创建了一个新的对象

    JS 对象

    JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。

    在 JavaScript 中,对象是拥有属性和方法的数据

    属性和方法

    属性是与对象相关的值。方法是能够在对象上执行的动作。

    举例:汽车是现实生活中的对象。

    汽车的属性:

    car.name = fiat         //名称

    car.model = 500        //型号

    car.weight = 850kg   //重量

    car.color = white       //颜色

    汽车的属性包括名称、型号、重量、颜色等。所有汽车都有这些属性,但是每款车的属性都不尽相同。

    汽车的方法:

    car.start ()      //启动

    car.drive()      //驾驶

    car.brake()     //刹车

    汽车的方法可以是启动、驾驶、刹车等。所有汽车都拥有这些方法,但是它们被执行的时间都不尽相同。

    JS中的对象

    在 javascript 中,对象是数据(变量),拥有属性和方法。

    例:  var txt = "hello";

    实际上已经创建了一个 JavaScript 字符串对象。字符串对象拥有内建的属性 length。对于上面的字符串来说,length 的值是 5。字符串对象同时拥有若干个内建的方法。

    属性:

    txt.length = 5      //长度

    方法:

    txt.indexOf()       //字符或子串第一次出现的地方

    txt.replace()        //替换

    txt.search()         //搜索

    在面向对象的语言中,属性和方法常被称为对象的成员。

    创建javascript 对象

    JavaScript 中的几乎所有事务都是对象:字符串、数字、数组、日期、函数,等等。

    也可以创建自己的对象。

    例: 创建名为"person"的对象,并添加属性:

    person = new Object();

    person.name = "王二麻";

    person.age = 66;

    person.eyecolor = "blue";

    document.write(person.name+" 今年 "+person.age+" 岁!");

    运行效果:

    访问对象的属性

    语法: objectName.propertyName(对象名.属性名)

    例:使用String(字符串)对象的 length(长度)属性来查找字符串的长度:

    var name = "hello js";

    var x = name.length;

    document.write("x = "+x);

    效果

    字符串长度   空格也会计算其中

    访问对象的方法

    语法: objectName.methodName() (对象名.方法名)

    例:使用String(字符串)对象的 toUpperCase()(转换为大写)方法来把文本转化为大写:

    var name = "hello js";

    var x = name.toUpperCase();

    document.write("x = "+x);

    效果

    文本转换为大写

    相关文章

      网友评论

          本文标题:JS数据类型

          本文链接:https://www.haomeiwen.com/subject/wqbyfxtx.html