过滤数组对象,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指向我们自定义的一个对象,在函数中被调用,用于处理数组的元素,最后返回新数组!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值