1. 数组的本质
- 本质上，数组也是一个对象
- JavaScript 语言规定，对象的键名一律为字符串，所以，数组的键名其实也是字符串。之所以可以用数值读取，是因为非字符串的键名会被转为字符串
typeof [1, 2, 3] // "object"
let arr = [1,2,3,4]
arr['0'] // 1
arr[0] // 1
2. length属性
- JavaScript 使用一个32位整数，保存数组的元素个数。这意味着，数组成员最多只有 4294967295 个（2^32 - 1）个，也就是说length属性的最大值就是 4294967295
- 如果人为设置length为不合法的值，JavaScript 会报错
- 由于数组本质上是一种对象，所以可以为数组添加属性，但是这不影响length属性的值
[].length = -1 // Uncaught RangeError: Invalid array length
[].length = 2**32 // Uncaught RangeError: Invalid array length
[].length = 'hello' // Uncaught RangeError: Invalid array length
----
let arr = [1,2,3]
arr['name'] = 'lewis'
arr // [1, 2, 3, name: "lewis"]
arr.length // 3
3. 数组的遍历
- for循环
- for...in：不仅会遍历数组所有的数字键，还会遍历非数字键
- forEach()方法
4. 数组的空位
- 当数组的某个位置是空元素，即两个逗号之间没有任何值，我们称该数组存在空位（hole）
- 如果最后一个元素后面有逗号，并不会产生空位
- 数组的空位不影响length属性
- 数组的空位是可以读取的，返回undefined
- 使用delete命令删除一个数组成员，会形成空位，并且不会影响length属性
- 数组的某个位置是空位，与某个位置是undefined，是不一样的。如果是空位，使用数组的forEach方法、for...in结构、以及Object.keys方法进行遍历，空位都会被跳过
let arr = [1,,3,]
arr.length // 3
arr[1] // undefined
delete arr[0] // true
arr[0] // undefined
arr.length // 3
----
var a = [, , ,]
a.forEach(function (x, i) {
console.log(i + '. ' + x) // 不产生任何输出
})
for (var i in a) {
console.log(i) // 不产生任何输出
}
Object.keys(a) // []
5. 类数组
- 如果一个对象的所有键名都是正整数或零，并且有length属性，那么这个对象就很像数组，语法上称为“类数组”（array-like object）
- 典型的“类数组”是函数的arguments对象，以及大多数 DOM 元素集，还有字符串
- 数组的slice方法、Array.from()、[...arrayLike]可以将“类数组”变成真正的数组
var obj = {
0: 'a',
1: 'b',
2: 'c',
length: 3
}
obj[0] // 'a'
obj[1] // 'b'
obj.length // 3
obj.push('d') // TypeError: obj.push is not a function
----
// arguments对象
function args() { return arguments }
var arrayLike = args('a', 'b')
arrayLike[0] // 'a'
arrayLike.length // 2
arrayLike instanceof Array // false
// DOM元素集
var elts = document.getElementsByTagName('h3')
elts.length // 3
elts instanceof Array // false
// 字符串
'abc'[1] // 'b'
'abc'.length // 3
'abc' instanceof Array // false
---
var arrLike = {
0: 1,
1: 3,
2: 5,
3: 7,
4: 9,
length: 5
}
console.log(arrLike)
let arr = Array.from(arrLike)
console.log(arr)
let arr2 = Array.prototype.slice.call(arrLike)
console.log(arr2)
let arr3 = [...arrLike]
console.log(arr3)
