什么是伪数组?
- 有
length
属性,而且也是数值下标的对象。
- 不具备
Array.prototype
上的方法
常见伪数组
arguments
document.getElementsByClassName
$('div')
伪数组转换为数组
输出伪数组
function fun(a,b,c = 1){ arr = arguments console.log( typeof arr, Array.isArray(arr), arr.length, arr.slice, arr, ) fun(3, 2)
使用 Array.from
(ES6+)(babel-polyfill)
function fun(a,b,c = 1){ arr = Array.from(arguments) console.log( typeof arr, Array.isArray(arr), arr.length, arr.slice, arr, ) fun(3, 2)
使用 ...
展开运算符(ES6+)(babel)
function fun(a,b,c = 1){ arr = [...arguments] console.log( typeof arr, Array.isArray(arr), arr.length, arr.slice, arr, ) fun(3, 2)
使用 slice 和 call 的方案
function fun(a,b,c = 1){ arr = Array.prototype.slice.call(arguments) console.log( typeof arr, Array.isArray(arr), arr.length, arr.slice, arr, ) arr = Array.prototype.slice.apply(arguments) console.log( typeof arr, Array.isArray(arr), arr.length, arr.slice, arr, ) arr = [].slice.call(arguments) console.log( typeof arr, Array.isArray(arr), arr.length, arr.slice, arr, ) arr = [].slice.apply(arguments) console.log( typeof arr, Array.isArray(arr), arr.length, arr.slice, arr, ) } fun(3, 2)
循环遍历(兼容性无敌,朴素不)
function fun(a,b,c = 1){ arr = []; for(var i = 0,length = arguments.length; i < length; i++) { arr.push(arguments[i]); } console.log( typeof arr, Array.isArray(arr), arr.length, arr.slice, arr, ) } fun(3, 2)