关于Array.map()与indexOf链式调用的执行逻辑疑问
这段数组链式调用代码的执行逻辑解析
先直接拆解myArray.map(e=>e.id).indexOf("something")的完整执行流程:
链式调用的执行顺序:这里的点运算符是等
map完全执行完毕后才调用的,绝对不会在map的每次迭代里触发indexOf。链式调用的规则是从左到右,左边方法执行完返回结果,右边方法才会作用在这个结果上。map的核心特性:map是数组的内置方法,它必然返回一个新数组。它的工作逻辑是:- 遍历原数组
myArray的每一个元素; - 把每个元素传给回调函数
e=>e.id,这个回调会取出当前元素的id属性值; - 把所有回调返回的
id值按原数组顺序收集起来,组成一个新数组; - 遍历完所有元素后,把这个新数组作为
map的返回值。
- 遍历原数组
indexOf的作用时机:当map返回新数组后,indexOf才会在这个新数组上执行,查找字符串"something"在数组中的索引位置。
针对你的几个疑问逐一明确:
- 点运算符是在map执行后才调用吗?
对,完全是。链式调用必须等左侧方法执行完成并返回有效对象(这里是数组),右侧方法才会调用在这个返回值上。 map是否返回数组?
是的,map的设计目的就是生成并返回新数组,这也是它能接着调用数组方法indexOf的原因。map如何作用于每个元素?map会按顺序遍历原数组的每一项,将当前元素、元素索引(可选)、原数组本身(可选)传入回调函数,回调处理后返回一个值,map会把这些返回值按顺序存入新数组,遍历结束后返回这个完整的新数组。map是每次迭代后返回再重新执行吗?
不是。map是一次性遍历完原数组所有元素,收集好所有回调的返回值,生成完整新数组后才会整体返回,不会中途返回或重复执行。
内容的提问来源于stack exchange,提问作者tim p
相关产品推荐
相关产品推荐

