Js学习(3) 数组
数组本质:
本质上数组是特殊的对象,因此,数组中可以放入任何类型的数据,对象,数组,函数都行
它的特殊性在于键名是按次序排列好的整数 从0开始,是固定的,不用指定键名
如果数组中的元素仍是数组,则为多维数组
数组可以先定义后赋值,也可以声明时即赋值
var arr = [];
arr[0] = 'a';
arr[1] = 'b';
arr[2] = 'c';
var arr = [
{a: 1},
[1, 2, 3],
function() {return true;}
];
arr[0] // Object {a: 1}
arr[1] // [1, 2, 3]
arr[2] // function (){return true;}
length属性
返回数组的成员数量,可通过调整length控制数组的大小
Js中的数组是动态的可随时增删,length总是键名中的最大整数加1
由于数组本质上是一种对象,所以可以为数组添加属性,但不影响length的值
var a = [];
a['p'] = 'abc';
a.length // 0
a[2.1] = 'abc';
a.length // 0
如果数组的键名数值超出范围,该键名会自动转换为字符串
数组的遍历
可以用for...in
不过会遍历到非整数键名
因此用for,while或forEach
数组的空位
当数组的某个位置是空元素,即两个逗号之间没有任何值,称数组存在空位,空位不影响length属性
数组的空位是可以读取的,返回undefined
使用delete命令删除一个数组成员,会形成空位,且不会影响length属性
var a = [1, 2, 3];
delete a[1];
a[1] // undefined
a.length // 3
然而空位与一开始定义为undefined是不一样的
使用数组的forEach,for...in,Object.keys方法进行遍历,空位会被跳过,undefined不会
类似数组的对象
如果一个对象的所有键名都是正整数或零,并且有length属性,那么语法上称“类似数组的对象”
array like object
根本特征在于有length属性,但不是动态的
典型的类似数组的对象是函数的arguments对象,以及大多数DOM元素集,还有字符串
// 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
可以通过某些方法把类似数组的对象变成真正的数组
1.数组的slice方法
var arr = Array.prototype.slice.call(arrayLike);
2.通过call()把数组的方法放到对象上面