ES6数组新方法Array.from

Array.from() 方法从一个类似数组或可迭代的对象中创建一个新的数组实例。

从这句话我们能够大概的看书这个方法的作用。

 1 Array.from("hello"); // ["h", "e", "l", "l", "o"] 

当我看到这句话的时候,我对这个方法的第一感觉是对arguments的写法。

 1 // 这个打印出来是一个对象,一个类数组
 2 function add(a, b){
 3     console.dir(arguments);
 4 }
 5 // 以前我们的解决方法是Array.prototype.slice.call(arguments);
 6 // 那么有了现在这个方法,其实我们能对这个方法使用新的方法去解决
 7 function add(a, b){
 8     console.dir(Array.from(arguments));
 9 }
10 // 这打印出来是一个数组[1, 2]

这个方法的第二个参数是一个函数,对新的数组执行map方法。

1 Array.from("hello", function(item) {
2     return item+"o"
3 })
4 
5 //  结果就是["ho", "eo", "lo", "lo", "oo"]

总结:有了这个方法,我们对类数组的操作有了更加多变的方法可以使用,可以对arguments这样的类数组进行比以前简化的操作。

posted @ 2017-08-02 09:10  张居客  阅读(253)  评论(0编辑  收藏  举报