一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

javascript对象和数组的学习笔记

时间:2022-11-14 22:02:39 编辑:袖梨 来源:一聚教程网

什么是对象

其实就是一种类型,即引用类型。而对象的值就是引用类型的实例。ECMAScript中引用类型是一种数据类型,用于将数据和功能组织在一起。它也常称为类。

1.Object类型
使用new Object();

使用字面量创建

代码如下 复制代码

var box = {

name: 'caibaojian.com',

age: 24

}

输出

alert(box.name)

alert(box['name']);

var box = {

run: function(){

return '123';

}

}

alert(box.run); //打印出整个函数代码

alert(box.run()); 打印返回值

可以使用delete输出属性 www.111com.net
delete box.name

在实际开发中,我们一般更加喜欢字面量的声明方式。因为它清晰,语法代码少,而且还给人一种封装的感觉

字面量也是面向函数传递大量可选参数的首选方式。

代码如下 复制代码

function box(obj){

alert(obj.name);

if(obj.name !=undefined) alert();
}

var obj = {

name:'caibaojian.com',

age:24,

height:178

};

box(obj);

二:Array类型
除了Object类型之外,Array类型是ECMAScript最常用的类型。而且ECMAScript中的Array类型和其他语言中的数组有着很大的区别。虽然数组都是有序排列,但ECMAScript中的数组每个元素可以保存任何类型。大小也是可以调整的。

创建同样有两种方式:

1.使用new

代码如下 复制代码

var box = new Array();

var box = new Array(10);

var box = new Array('caibaojian',24,'前端开发','中山');

alert(typeof box); //属于Object类型

2.以上可以省略new

3.使用字面量的方式创建

代码如下 复制代码

var box = [];

var box = ['caibaojian',24];

var box =[];

box[0]='caibaojian';

box[1] = 24;

alert(box);

box.length = 10; //强制了元素量

box[box.length]='caibaojian';

var box = [

{

name:'caibaojian',

age:24

},

[1,2,3,new Object()],

'计算机编程',

25+25,

new Array(1,2,3)

];

alert(box);

alert(box[0].name);

热门栏目