在es6提出之后，这个已经变得非常简单了，直接调用Array.from就可以了，如果具备Iterator接口的话，我们还可以用…（扩展运算符）
1.Array.from
es6提出的，非常好用，简单来说，只要具备length属性的，就可以转为数组。
2. …(扩展运算符)
必须具备Iterator接口才可以，像函数的参数，获取的dom元素等。
不支持es6的话，可以用下面的
3.Array.prototype.slice.call(obj)
这算是es5解决这个问题，最常用的一种方法了吧，除了写起来麻烦些，还不知道有什么副作用。
（其实把call换成apply也肯定是好使滴，亲测有效，但apply常用于函数的自执行，所以这里常用call应该是跟语意有关系吧）
4.Array.apply(null, obj)
看过vue文档的，应该对这个比较眼熟吧，在render函数那部分提到过它，它也需要具有length属性的才可以
（只是想找相应方法的话，看到这就够了）
其实这就有个比较好玩的事了，我们平时用apply都知道第二个参数放数组，当时学的较早没多问问自己，后来用多了也就麻木了，那回头再看一下，传别的行不行呢？当然是可以，其实数组不也是可以看成属性名为索引的特殊对象吗，所以用带有length属性的类数组替换，也是可以的，像这样
我要评论
function fuc (arg1, arg2){
console.log(arg1, arg2)
}
fuc.apply(null, {0: 0, 1: 1, 'length': 2});
还有个小问题，在处理只有length属性时，这几种方法会有不同的结果，根据需求，选择方法
Array.prototype.slice.call({'length':2}); -->[ , ]
Array.from({'length':2}); -->[undefined, undefined]
Array.apply(null,{'length':2}); -->[undefined, undefined]
其实这些东西都是比较灵活的，当有不同需求时，可以把数组上的其他方法用在类数组上试试，例如：
把类数组中的元素，添加到已有的数组中，就可以用Array.prototype.push.apply(arr, obj)
等等～
如对本文有疑问， 点击进行留言回复！！
荐 css的3中水平居中方式和4中水平垂直居中方式及应用情形速记
网友评论