将伪数组转换为数组的 N 种方案
![](https://filescdn.proginn.com/68f8326bd0eba7d5445094c0ea0b0fef/e24f54e97e20ec49c8162abd70b189d9.webp)
什么是伪数组?
常见伪数组
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)
![](https://filescdn.proginn.com/1b5b7357dea45feee47def5271e4a0c3/91ed3618d5073e78b267103f62a2f426.webp)
评论