实现Array.prototype.map 实现Array.prototype.reduce 实现Array.prototype.reduceRight 实现Array.prototype.filte

于 2024-03-27 14:56:38 发布
阅读量367 收藏
点赞数 15
分类专栏： 前端八股文 华为od|前端面试手写|算法|数据结构 文章标签： 原型模式 javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43428283/article/details/137076530
版权
本文详细介绍了如何在JavaScript中实现Array.prototype.map、reduce、reduceRight和filter方法，包括它们的执行原理、参数解释和关键代码实现，帮助理解这些方法的工作方式。
摘要由CSDN通过智能技术生成

1. 实现Array.prototype.map

遍历原始数组，对于调用map方法的数组会遍历每一个元素
对于每一个元素应用回调函数，对于每一个元素都会调用传递给map的方法的回调函数，并且传入三个参数：当前元素的支，当前元素的索引和原始数组本身，回调函数用来对每一个元素进行处理
构建新的数组，将回调函数返回的结果存储在新的数组当中，这些结果按照原始数组的顺序排列
返回新的数组，当遍历万所有的数组并且处理完成以后，map方法返回包含处理结果的新的数组

function myMap (cb) {
   
    if(!Array.isArray(this)) throw new Error
了解本专栏 订阅专栏 解锁全文 超级会员免费看
学习记录wanxiaowan
关注
专栏目录
订阅专栏
Array.prototype.map() 、 Array.prototype.reduce()、Array.prototype.filter()
yleave的博客
11-23 230
文章目录1. map2. reduce3. filter 1. map   map 函数接收一个回调函数作为参数，然后返回一个数组，这个数组中的每个元素都是调用回调函数后返回的结果。如： function pow(x) { return x * x; } var arr = [1, 2, 3, 4, 5]; var results = arr.map(pow); console.log(...
JavaScript中数组Array.prototype的常用的方法总结
spicyboiledfish的博客
04-26 5046
Array构造函数的API，我们可以通过控制台打印Array.prototype可以知道有以下这些方法。这是Array的原型对象的所有方法，对数组而言是可以继承所有的这些方法的： 接下来，我们就以12个比较常见常用的API开始说起： 1. join()  将数组转化为字符串，并且以某个分隔符进行连接，默认是使用的逗号“ , ” var arr1=[1,2,3]; consol
【ECMAScript 内置对象之Array】Array.prototype.copyWithin generator与iterator
马云
05-30 151
文章目录一、Array.prototype.copyWithin(target, start, end)1、作用与参数2、使用3、重写二、generator与iterator1、7中数组遍历方法2、遍历跟迭代3、重写生成器 一、Array.prototype.copyWithin(target, start, end) ES2015 即es6新增方法 1、作用与参数 作用：拷贝数组集合[start, end)复制到指定位置target（拷贝、粘贴） 参数： target:目标位置 start：开始拷
Array和 Array.prototype 的定义
DWForYou_DJF
01-07 569
Array 对象是用于构造数组的全局对象，数组是类似于列表的高阶对象 Array.prototype 属性表示 Array 构造函数的原型，并允许您向所有Array对象添加新的属性和方法。 获取相应的属性名称 Object.getOwnPropertyNames(Array) //[ "length", "name", "prototype", "isArray", "from", "of"...
Array.prototype
火星男孩的分享空间
02-27 3308
所有的数组实例都继承于 Array.prototype。所有的数组方法都定义在 Array.prototype 身上， 和其他的构造函数一样，你可以通过扩展 Array 的 prototype 属性上的方法来给所有数组实例增加方法。Array.prototype 本身也是个数组。 Array.isArray(Array.prototype); // true属性Array.prototype.co...
Ecmascript 标准中的Array.prototype中的函数定义
zongshouxin的专栏
04-30 3678
大家都知道javascript中的 call 和 apply 是很有用的。不懂的自行百度。 看到别人用内置的函数处理一个自定义的对象我们都会感到非常的崇拜。比如 删除obj 中前五个和后五个数据[].slice.call(obj,5,-5)。我们疑惑的是一个什么样的对象可以传递给函数作为函数的this 实现某种功能呢？下面我就给出了Array原型中函数的近似定义。虽然近似但是已经很接近了，不同的地方会有注明
Array.prototype.slice()、arguments
weixin_45152848的博客
03-21 167
mdn的解释（slice） slice() 方法返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的原数组的浅拷贝（包括 begin，不包括end） 。原始数组不会被改变。 var a = [1,2,{x:1}]; var b = a.slice(); b = null; // 此时不会影响a，浅拷贝 console.log(a) var c = a.slice(); c[2...
JavaScript中数组Array.prototype的常用的方法汇总
Jermyo的博客
05-12 1397
Array构造函数的API，我们可以通过控制台打印Array.prototype可以知道有以下这些方法。这是Array的原型对象的所有方法，对数组而言是可以继承所有的这些方法的： 接下来，我们就以12个比较常见常用的API开始说起： 1. join() 将数组转化为字符串，并且以某个分隔符进行连接，默认是使用的逗号“ , ” var arr1=[1,2,3]; console.log...
[].slice.call()与Array.prototype.slice.call()
weixin_42235173的博客
04-08 369
[].slice.call()与Array.prototype.slice.call()将类数组转化为真正的数组 在ES6以前，将一个伪数组转换为真正数组通常情况下都是使用[ ].slice.call()方法 补充：ES6的方法为 Array.from() 1、区别 [].slice === Array.prototype.slice // true []为创建数组,当[].slice的时候,自然会去找原型链 [].__proto__.slice === Array.prototype.slic
js代码-array.reduce 2
07-16
`reduce()` 可以与其他数组方法如`map()`、`filter()`等组合使用，以实现更复杂的转换和处理。 8. **`reduceRight()`** 还有一个类似的`reduceRight()`方法，它从数组的末尾开始处理元素，而不是从开头。 通过`...
JavaScript 5 新增 Array 方法实现介绍
10-28
在ECMAScript 5（ES5）版本的JavaScript中，Array对象得到了显著的增强，增加了几个重要的方法，这些方法包括every, some, forEach, map, filter, reduce和reduceRight。然而，并非所有浏览器都能够及时更新以支持...
【JavaScript笔记 · 基础篇(五)】Array全家桶（引用数据类型中的数组 / Array对象 / Array.prototype）
JZevin的博客
08-12 633
文章目录一. 引用数据类型中的数组1.1 概述1.2 初始化1.2.1 字面量1.2.2 构造函数模式1.3 访问1.4 length属性1.5 数组遍历1.6 类数组对象1.6.1 四种典型的类数组对象1.6.2 类数组对象转化成真数组的方法二. Array对象2.1 Array静态方法Array.isArray()Array.from()Array.of()三. Array.prototype.*3.1 对象通用实例方法Array.prototype.valueOf()Array.prototype.t
华为od机考攻略，参考资料
热门推荐
VAN
10-18 6万+
华为od机考攻略
acwing语法基础课第一讲C++入门及简单的顺序结构
VAN
01-01 1134
第一章 C++入门及简单的顺序结构 编程是一种控制计算机的方式，和我们平时双击打开文件、关机、重启没有任何区别。 ———闫学灿 一、软件环境 1.编译软件的安装与使用 2．作业的评测与提交 在线练习地址：www.acwing.com 作业提交地址：https://www.acwing.com/activity/content/21/ 二、编写一个简单的C++程序——手速练习 三、语法基础 1.变量的定义 变量必须先定义，才可以使用。不能重名。 age=15; height=150; 变量让程序记录信息
华为od机考真题-消消乐游戏，算法第08讲：高频真题解析 I
VAN
10-20 1088
华为od机考题目
华为od机考真题-数大雁，1419，数青蛙
VAN
09-25 1068
华为od机考真题
华为od机考真题-高矮个子排队，算法第九讲-高频真题解析 II
VAN
10-20 1034
华为od机考题目
华为od机考题目-分苹果
VAN
09-27 973
华为od机考
lodash.reduce
最新发布
10-19
lodash.reduce是一个JavaScript库Lodash中的一个函数，它可以将一个集合中的所有元素通过迭代器函数进行累加，返回一个累加后的值。它的语法为：_.reduce...与reduce方法类似，reduceRight方法是从右到左进行迭代。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值