将伪数组转换为数组的 N 种方案

共 1861字,需浏览 4分钟

 ·

2020-11-05 12:24

来源 | http://www.fly63.com/article/detial/9787
今天面试了一个人,居然不知道如何将伪数组转换为数组

什么是伪数组?

有 length 属性,而且也是数值下标的对象。
不具备 Array.prototype 上的方法。

常见伪数组

argumentsdocument.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)
本文完~
浏览 15
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报