JavaScript对象编程基础-数组对象及创建遍历(一)

621 阅读3分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。

上文学到了JavaScript 的字符串对象, 这次来学习数组对象, 数组对象是一个比较重要的数据的集合. 数组对象的元素允许属于不同类型的数据.

Array 数组对象

Array 数组对象是 JavaScript 中的重要知识点, 工作中用到最多的。

数组是一个有序数据的集合, 其元素允许包含属于不同类型的数据. 获取元素可以使用数组名和下标

数组对象的创建

在实际项目开发过程中, 经常要处理具有相同属性又有与位置有关的一些数据, 例如各种商品列表展示/ 成员名单信息等等.

数组是具有相同数据类型的变量的结合, 数组中的变量成文数组的元素, 这些元素可以通过索引进行获取/ 访问/ 修改. 但是数组的下标('索引')是从 0 开始的. 数组能够容纳的元素的数量称为数组的长度, 和字符串同样具有length长度属性.

数组对象的创建方法:

  1. 最直接的, 直接声明

语法格式如

[var]数组变量 = []

注意: `var` 是可选项。

如下,创建数组对象 myArray,并对其赋值,代码如下:

var myArray = [1, 2, 3, 5, 9, 10, 13, 21]
  1. 新建一个长度为 0 的数组对象 使用 new关键字

使用 new 关键字创建数组对象的方法如下:

[var]数组对象 = new Array(字符串)

注意: var关键字 是可选项,字符串构造函数 Array()的第一个字母必须为大写字母。例如,通过 new 关键字创建字符串对象 myArray,并对其赋值,代码如下:

var myArray = new Array([1, 2, 3, 5, 9, 10, 13, 21])
  1. 新建一个长度为 n 的数组对象 使用 new关键字
var myArray = new Array(n)

当然通常用关键字 new 创建一个数组用的比较少, 看到源码中会用到 直接声明法多简单, 是吧!

  1. 新建一个指定长度的数组并赋值
var myArray = new Array(1, 2, 3, 5, 6, 8, 9, 13, 21)
// [ 1, 2, 3, 5, 6, 8, 9, 13, 21 ]

访问数组元素:

访问数组元素是通过数组的序列号. 在 JavaScript 中 数组元素序列号 i 是从 0 开始的, 即第一个元素的下标 i 为 0, 往后依次加 1

可通过此方式对数组元素进行取值或赋值, 语法如下:

数组变量名[i] = 值
变量名 = 数组变量名[i]

我们如果希望对数组对象的元素进行读取或赋值操作时, 就是遍历数组, 可以使用之前学习的 for语句或 for...in 语句. for...in 语句的使用方法格式如下:

for(var 变量名 in 数组名){
  // for 循环的 循环体语句
  // 对数组进行操作
  // 变量名为数组的每一项
}

而for 语句需要借助数组的长度属性 length 来完成数组的遍历..