过滤数组对象,Array.from()的使用

介绍

昨天在家看望远镜,看到数组这一节,提到一个ES6中的数组方法Array.from(),书中是这样描述的:

Array.from()的第一个参数是一个类数组对象,即任何可迭代的结构。
from()用于将类数组结构转换为数组实例…对现有数组执行浅复制

这个很好理解,from()可以将SetMapArray类型及任何可迭代的类型转换为数组。浅复制也不难理解,前有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指向我们自定义的一个对象,在函数中被调用,用于处理数组的元素,最后返回新数组!

猜你喜欢

转载自blog.csdn.net/weixin_54858833/article/details/123705691