小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。
本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。
上文学到了JavaScript 的字符串对象, 这次来学习数组对象, 数组对象是一个比较重要的数据的集合. 数组对象的元素允许属于不同类型的数据.
Array 数组对象
Array 数组对象是 JavaScript 中的重要知识点, 工作中用到最多的。
数组是一个有序数据的集合, 其元素允许包含属于不同类型的数据. 获取元素可以使用数组名和下标
数组对象的创建
在实际项目开发过程中, 经常要处理具有相同属性又有与位置有关的一些数据, 例如各种商品列表展示/ 成员名单信息等等.
数组是具有相同数据类型的变量的结合, 数组中的变量成文数组的元素, 这些元素可以通过索引进行获取/ 访问/ 修改. 但是数组的下标('索引')是从 0 开始的. 数组能够容纳的元素的数量称为数组的长度, 和字符串同样具有length长度属性.
数组对象的创建方法:
- 最直接的, 直接声明
语法格式如
[var]数组变量 = []
注意: `var` 是可选项。
如下,创建数组对象 myArray,并对其赋值,代码如下:
var myArray = [1, 2, 3, 5, 9, 10, 13, 21]
- 新建一个长度为 0 的数组对象 使用
new关键字
使用 new 关键字创建数组对象的方法如下:
[var]数组对象 = new Array(字符串)
注意: var关键字 是可选项,字符串构造函数 Array()的第一个字母必须为大写字母。例如,通过 new 关键字创建字符串对象 myArray,并对其赋值,代码如下:
var myArray = new Array([1, 2, 3, 5, 9, 10, 13, 21])
- 新建一个长度为 n 的数组对象 使用
new关键字
var myArray = new Array(n)
当然通常用关键字 new 创建一个数组用的比较少, 看到源码中会用到 直接声明法多简单, 是吧!
- 新建一个指定长度的数组并赋值
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 来完成数组的遍历..