福州推广企业网站如何自己开个网站平台
文章目录
- 对象字面量
- 数组的字面量
- JavaScript 字面量对象 与 数组 混用
对象字面量
JavaScript包括一个原型链特性,允许对象继承另一个对象的属性。正确的使用能减少对象初始化的时间和内存损耗。
//对象字面量
var empty_object = {};var stoog = {"first-name" : "Jerry",second_name : "howead"
};
注意:
1.如果属性名称合法并且不是保留字,那么名字的 引号 可以不写。也就是说,是“保留字”的时候,“属性名称”一定要打引号,否则IE浏览器下报错;
2.另外,对象的最后一个属性值后面是不要逗号“,”的,不然,IE浏览器又会报错
数组的字面量
var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";
//创建一个数组var arr = new Array();
//使用字面量来创建数组//语法使用:[]var arr = []console.log(typeof arr);var arr = [1,2,3,4,5,10];console.log(arr.length);//6//使用构造函数创建数组时也可以同时添加元素,
//将要添加的元素作为构造函数的参数传递//元素之间使用,隔开var arr2 = new Array(10,20,30)//创建一个数字数组只有一个元素10arr = [10];//创建一个长度为10的数组
arr3 = new Array(10);console.log(arr3);var arr2 = new Array(10,20,30);console.log(arr2);//数组中的元素可以是任意的数据类型
arr = ["hello",1,true,null,undefined];//也可以是对象
var obj = {name:"孙悟空"};
arr[arr.length] = obj;
arr = [{name:"孙悟空"},{name:"沙和尚"},{name:"猪八戒"}];
console.log(arr[1].name);//也可以是一个函数arr = [function(){alert(1)},function(){alert(2)}]console.log(arr);
arr[0]();//1//数组中也可以放数组,如下这种数组我们称为二维数组
arr = [[1,2,3],[3,4,5],[5,6,6]];
console.log(arr[1]);
JavaScript 字面量对象 与 数组 混用
1、数组的创建
1.1 采用“数组字面量”
JS的数组是无类型的,里边可以存放任何类型的数据,如:
var aValues=["string", 24, true, null];
这里定义了一个数组字面量,可用如下方式访问:
alert(aValues[0]); //输出字串”string”
alert(aValues[1]); //输出数字24
alert(aValues[2]); //输出布尔值true
alert(aValues[3]); //输出null。
1.2、 如果不想用字面量表示法定义数组,也可以用Array的构造函数。如:
var aValues = new Array("string", 24, true, null);
2、对象的创建
2.1、用对象字面量,如:
var oCar = {"color": "red","doors": 4,"paidfor": true
}
这里创建了一个对象,内有三个属性,可用如“.”号的方式访问对象的属性:
alert(oCar.color); //输出”red”
alert(oCar.door); //输出”4”
alert(oCar.paidfor); //输出”true”
也可用“[“属性”]”的方式得到属性值,如下:
alert(oCar["color"]); //输出字串”red”
alert(oCar["door"]); //输出字串”4”
alert(oCar["paidfor"]); //输出字串”true”
2.2、同样,也可使用JS的object构造函数来创建一个对象。如下:
var oCar = new object();
oCar.color = "red";
oCar.doors = 4;
oCar.paidfor = true;
2、数组和对象的混合
这里只能使用混合字面量,来创建“对象数组”或“包含数组的对象”。如下:
var oCars = [{"color": "red","doors": 2,"paidfor": true},{"color": "blue","doors": 4,"paidfor": true},{"color": "white","doors": 2,"paidfor": false}
];
这就是一个对象数组,里面包含了三个对象,访问时形如这样:
alert(oCars[1].color); //输出“blue”
如下是一个包含数组的对象:
oCarInfo = {"availableColors": ["red", "blue", "white"],"availableDoors": [2, 4]
};
访问时形如:
alert(oCarsInfo.availableColor[1]); // 输出“blue”