javascript对象和数组

什么是对象

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

  • 1.Object类型

使用new Object();

  • 使用字面量创建

var box = {

name: ‘qdkfweb.cn’,

age: 24

}

输出

alert(box.name)

alert(box[‘name’]);

var box = {

run: function(){

return ‘123’;

}

}

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

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

可以使用delete输出属性

delete box.name

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

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

function box(obj){

alert(obj.name);

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

var obj = {

name:’qdkfweb.cn’,

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);


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流