介绍
昨天在家看望远镜,看到数组这一节,提到一个ES6中的数组方法Array.from()
,书中是这样描述的:
Array.from()的第一个参数是一个类数组对象,即任何可迭代的结构。
from()用于将类数组结构转换为数组实例…对现有数组执行浅复制
这个很好理解,from()可以将Set
、Map
和Array
类型及任何可迭代的类型转换为数组。浅复制也不难理解,前有Object.assign()
对对象进行浅复制,那数组来个Array.from()
一点都不过分。
让我感兴趣的是后两个参数:
Array.from() 第二个参数是一个可选的映射函数,这个函数可以增强新数组的值,而无需像调用
Array.from().map()
那样创建一个中间数组。
还可以接受第三个可选参数,用于指定映射函数中this
的值
总体语法是这样的:
Array.from(arrayLike[, mapFn[, thisArg]])
所以这个方法完全可以用来处理数组对象,对每个对象中的字段处理后返回新数组,听起来像是map()
的翻版,实际上,它是map()
的祖宗。
它本来就不只是用来专门处理数组的,它要对付的是类数组以及数组,前文提到过,如果是一个类数组
使用map() 需要先用Array.from()
转换为数组再使用map()
方法,现在Array.from()直接帮你省了这一步,相当于类数组也可以直接套用map()的功能!
简单的例子
使用函数修改了数组对象中的字段名:
更改函数中的this,增强输出!
第二个函数中的this指向我们自定义的一个对象,在函数中被调用,用于处理数组的元素,最后返回新数组!