常见的类数组对象有三类
1、Arguments对象,即实参对象
2、一些DOM方法返回的对象,如document.getElementsByTagNames()
3、常规对象增加一些属性生成的类数组对象
【概述】类数组对象就是类似于数组的对象,能使用几乎所有数组的方法。
要理解类数组对象,首先要理解数组与对象的关系。
在JavaScript中,数组是对象的特殊形式,数组索引实际上和碰巧是整数的属性名差不多。数组有一些特定是其他对象所没有的:
(1)当有新的元素添加到列表中时,自动更新length属性
(2)设置length为较小值时将截断数组
(3)从Array.prototype中继承一些有用的方法
(4)其类属性为“Array”
简言之,只要拥有一个数值length属性和对应非负整数属性的对象就是类数组对象。
Object(对象)常用的原生方法:javascript对象主要通过object.prototype继承方法,常用的有hasOwnProperty()、propertyIsEnumberable()、create()、getPrototypeOf()等方法
Array(数组)常用的原生方法:push()、 pop()、 slice()、 join()、 map()、 concat()、 toString()、 forEach()等等
【实例】
var arrayA=["a","b","c"]; // 数组
var objectA={"0":"a","1":"b","2":"c",length:3}; // 类数组对象
console.log(arrayA.join(",")); // a,b,c
console.log(objectA.join()); // 错误,类数组对象没有继承自Array.prototype,可以间接的使用Function.call方法调用
console.log(Array.prototype.join.call(objectA,",")); // a,b,c
【判断是否为类数组对象】
/*
* 判定o是否是一个类数组对象
* 字符串和函数有length属性,但是他们可以用typeof检测将其排除
* 在客户端JavaScript中,DOM文本节点也有length属性,需要用额外判断o.nodetype !=3将其删除
*/
function isArrayLike(o){
if( o && //o非null、undefined
typeof o === 'object' && // o是对象
isFinite(o.length) && // o.length是有限数值
o.length >=0 && // o.length是非负值
o.length === Math.floor(o.length) && // o.length是整数
o.length <4294967296) // o.length<2^32
return true;
else
return false; // 否则它不是
}
var objectA={"0":"a","1":"b","2":"c",length:3};
console.log(isArrayLike(objectA)); // true
【将类数组对象转为数组】
var objectA={"0":"a","1":"b","2":"c",length:3};
console.log(objectA); // Object
function array(a,n){
return Array.prototype.slice.call(a,n || 0);
}
var arrayA=array(objectA);
console.log(arrayA); // Array(3)
网友评论