一、类数组是什么?
类数组是一个普通对象,而真实的数组是Array类型。
特征表现为:
(1)拥有length属性,其它属性(索引)为非负整数(对象中的索引会被当做字符串来处理);
(2)不具有数组所具有的方法;
常见的类数组有:
函数的参数 arugments, DOM 对象列表(比如通过 document.querySelectorAll 得到的列表), jQuery 对象 (比如 $(“div”)).
类数组可以转换为数组:
方法1:
Array.prototype.slice.call(arrayLike, start);
方法2:
[…arrayLike];
方法3:
Array.from(arrayLike);(注:Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象。)
PS: 任何定义了遍历器(Iterator)接口的对象,都可以用扩展运算符转为真正的数组。
二、什么是数组?
数组是一种数据类型。数组对象的作用是:使用单独的变量名来存储一系列的值。
特征: 拥有方法和属性。
(1)length属性。主要用于获得数组内元素的个数,常用于for循环或一些判断语句中取得数组的长度。
(2)concat()方法。用于把两个或多个数组合并成一个数组,数组的索引会按照合并数组的顺序重新排序。
(3)join()方法。主要用于将数组内的元素使用字符拼接成一个字符串,不传拼接字符参数,默认使用逗号。
(4)
push():结尾添加元素(添加数组中最后一个元素) unshift()开头添加元素
两者返回值为:添加后的长度
pop():结尾删除元素(删除数组中最后一个元素) shift()开头删除元素 两者返回值为:被删除的值
(5)reverse()方法。这个方法主要用于反转数组元素,索引数组 reverse后会重新排序。
(6)slice()方法。用于从数组中提取所需要的元素,传入的参数是提取元素开始位置,例如slice(3),则从下标为3的元素开始提取。
(7)splice()方法。splice()方法需要传入三个参数,第一个参数是索引开始的位置,第二个参数是删除元素的数量,第三个参数是在开始索引的位置插入的元素(可以为多个元素)。
三、区分两者的方法
1.从构造函数入手,obj instanceof Array
2.从原型入手,Array.prototype.isPrototypeOf(obj);
3.Array.isArray()方法
4.根据对象的class属性(类属性),跨原型链调用toString()方法。