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);
效果
文本转换为大写
网友评论