javascript DOM编程艺术2笔记之数组与对象

数组

数组可用一句话概括,多个数据的储存;

js中,数组可以用Array声明、创建。声明数组的同时可以指定数组初始元素个数,也就是数组的长度(length):

var arr = Array(4);

有时,我们无法预知数组到底有多少个元素时,也不必担心,js中,没有强制要求必须给出元素个数,我们完全可以不给出元素个数;

var arr = Array();

在计算机世界里,有一条不成文的规定,计数从’0’ 开始,而不是从’1’开始计数,js也是如此;

下面是声明和填充数组的全过程:

var arr = Arrty(4);
arr[0] = "小明";
arr[1] = "小灰"
arr[2] = "小于";
arr[3] = "小鱼"

还有另种更为简单的声明数组方式:

var arr = Array("小明", "小灰", "小于", "小鱼");

上面数组中,里面的每一个元素会自动分配一个下标,第一个下标是’0’, 第二个是’1’,以此类推;

数组元素可以是多种数据类型,可以是’字符串’,’true’,’123’。都可以存储在数组,而且对象、数组 也可以。

var arr = ["小明", "小灰", 123, false];
#这是字面量创建数组的方式
#数组中 元素可以是容易类型;

数组元素还可以是变量:

var name = "理想";
var arr = [name, 123, true];
#alert(arr[0]); 你可以自行尝试一下输出的结果;

对象

对象与数组类似,创建声明,基本一致,我在这里举个简单例子,以上数组讲了很多,怕大家烦 就不多赘述;

var obj = Object();
obj.name = '小灰';
obj.age = 12;
obj.sex = '男'

与使用Array类似,创建对象用Object关键字,它不使用[]和下标来获取元素,而是用点号. 来获取属性。

var obj = {'小灰'12'男'};#这样的创建方式 更为简洁,可以提升书写效率;
var obj{};
obj.name = '小灰';#创建空对象,然后再赋值。 这种比较常用;

对象js核心,你了解了什么是对象,就懂了js;在这里只能浅谈到简单的认识数据类型,简单的创建。以后会在循序渐进的情况下,深入对象;

请各位老师,指正,会继续更新。谢谢

在此应该感谢 前端开发博客,他在微博上的鼓励,让我理想的方向,更加明确,及确信。他 是我的老师,也是我d的朋友。虽寥寥几语,但心里笃定着,踏实。

更多系列文章请看:JavaScript DOM2


关注我

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

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

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