数组

144 阅读4分钟

1.定义

Array是按次序排列的一组值,每个值的位置都有编号(从0开始),整个数组用方括号表示。

  • 数组除了在定义时赋值,也可以先定义后赋值
  • 任何类型的数据,都可以放入数组
  • 如果数组的元素还是数组,就形成了多维数组

2.数组的本质

本质上,数组属于一种特殊的对象。typeof运算符会返回数组的类型object。

  • 数组的特殊性体现在,它的键名是按次序排列的一组整数(0,1,2...),Object.keys()方法返回数组的所有键名
  • 由于数组成员的键名是固定的,因此数组不用为每个元素指定键名,而对象的每个成员都必须指定键名
  • JavaScript语言规定,对象的键名一律为字符串,所以,数组的键名其实也是字符串,但是非字符串的键名会被转为字符串,所以可以用数值读取
  • 对象有两种读取成员的方法:点结构(object.key)和方括号(object[key]);但是对于数值的键名,不能使用点结构,因此数组成员只能使用方括号表示(方括号是运算符,可以接受数值)

3.length属性

  • 数组的length属性,返回数组的成员数量
  • JavaScript使用一个32位整数保存数组的元素个数,因此数组成员最多只有(2^32-1)个,也就是说length属性的最大值为4294967295
  • 只要是数组,就一定有length属性,该属性是动态的值(排序中巧妙用法)
  • 数组是一种动态的数据结构,可以随时增减数组成员
  • length属性可写,人为设置小于成员个数,成员数量会减少;人为设置大于成员个数,成员数量会增加,新增位置返回undefined;清空数组的一个有效方法就是将length属性设为0。

4.in运算符

  • 检查某个键名(注意是键名而不是键值)是否存在的运算符in,适用于对象,也适用于数组
  • 如果数组某个位置是空位,in运算符返回false

5.for...in循环和数组的遍历

  • for...in循环不仅可以遍历对象,也可以遍历数组,毕竟数组只是一种特殊对象
  • for...in不仅会遍历数组所有的数字键,还会遍历非数字键 因此,不推荐使用for...in遍历数组,可以考虑使用for循环或者while循环遍历数组(逆向遍历,从最后一个元素向第一个元素遍历)。 数组的forEach方法,也可以用来遍历数组。

6.数组的空位

当数组的某个位置是空元素,即两个逗号之间没有任何值,我们称该数组存在空位(hole)

  • 空位不影响length属性,虽然没有值,但这个位置有效
  • 如果最后一个元素后面有逗号,并不会产生空位,也就是说,有没有这个逗号,结果都一样
  • 数组的空位可以读取,返回undefined
  • 使用delete命令删除一个数组成员,会形成空位,并且不会影响length属性(length属性不过滤空位,所以使用length属性进行数组遍历,一样要非常小心)
  • 数组的某个位置是空位,与某个位置是undefined,是不一样的。如果是空位,使用数组的forEach方法、for...in结构、以及Object.keys方法进行遍历,空位都会被跳过
  • 如果数组的某个位置是undefined,遍历的时候就不会被跳过 也就是说,空位就数组没有这个元素,所以不会被遍历到;而undefined则表示数组有这个元素,值是undefined,所以遍历不会跳过。

7.类似数组的对象

如果一个对象的所有键名都是正整数或零,并且有length属性,那么这个对象就很像数组,语法上称为“类似数组的对象”(array-like object)。

  • 类似数组的对象并不是数组,因为它们不具备数组特有的方法。(使用数组的push方法就会报错)
  • 类似数组的对象的根本特征,就是具有length属性。有length属性就认为这个对象类似数组,但是这个length属性不是动态值,不会随着成员变化而变化
  • 典型的“类似数组的对象”是函数的arguments对象,以及大多数DOM元素集,还有字符串
  • 数组的slice方法可以将“类似数组的对象”变成真正的数组
  • 除了使用slice方法转为真正的数组,“类似数组的对象”还可以通过call()把数组的方法放到对象上面(Array.prototype.forEach.call())
  • 注意,使用call()比直接使用数组原生的forEach要慢,所以最好还是将类数组转为真正的数组,再直接调用数组的forEach方法