Vue中用map和forEach构造数组，如何改写为长尾？

本文共计752个文字，预计阅读时间需要4分钟。

目录

一、手写实现

二、两者区别

三、使用场景

四、数组操作是前端最重要的数据操作，构造数组数据，又是数组操作中非常常见的。

本文将梳理Vue项目中map和forEach方法的使用。

目录

• 一、手写实现
• 二、二者区别
• 三、使用场景

数组操作是前端最重要的数据操作，构造数组数据，又是数组操作中很常见的。本文将梳理下map和forEach方法在Vue项目中的使用。

想要深入理解这两个方法，一定要手写几次简易的实现，理解其中的要义。这里只考虑核心部分，一些边界问题就忽略了。

一、手写实现

简易map方法：

Array.prototype.myMap = function(callback) { const res = []; for (let i = 0; i < this.length; i++) { // 这里将回调函数的执行结果push进了新数组， // 因此map方法在回调函数中一定要有return。