前端手写(十)——手写数组方法filter

最新推荐文章于 2024-05-12 23:08:08 发布
最新推荐文章于 2024-05-12 23:08:08 发布
阅读量718 收藏 2
点赞数
分类专栏： js面试题 文章标签： 数组 方法 js filter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47450807/article/details/123840329
版权

一、写在前面
filter方法存在两个参数，第一个参数是一个回调函数，第二个参数是回调函数中的this指向，第二个参数是可以不传的。
二、手写

在写之前我们需要注意一下几点：
1、callback必须是函数，如果不是函数则直接报错。
2、调用该方法的必须是数组，如果不是数组，则直接报错。
3、如果数组的长度为0，则直接返回空数组。

Array.prototype.myFilter = function (callback, thisArg)
最低0.47元/天 解锁文章
卖菜的小白
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript手写数组filter()方法
nibabaoo的博客
08-27 316
原生JS手写数组filter方法
手写filter
lucky__peng的博客
04-04 101
Array.prototype.filter = function(fn, thisArgs) { if (typeof fn !== 'function') throw ("Error in params"); let res = [], arr = this; for (let i in arr) { if (fn.call(thisArgs, arr[i], i, arr)) res.push(arr[i]); } return res; }
手写filter方法
sunry的博客
06-20 356
手写filter方法 filter函数内部需要一个回调函数，数组中的每个元素都会执行该回调函数，在执行回调函数时会将数组中的每个元素传递给回调函数的参数，在回调函数的函数体内进行判断，如果返回的是true,那么将该元素放到新数组arr中，如果判断的结果为false，则数据不会放到新数组arr中。...
2024年前端最全前端开发：JS中filter()方法的使用_filter前端方法(1)，前端经典面试
最新发布
2401_84446513的博客
05-12 394
根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】html5 / css3 学习笔记JavaScript 学习笔记Vue 学习笔记filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
一起学习吧 重新手写数组上的filter方法
一个网络搬砖的斜杠青年
04-05 236
// 原型上更改 // 原型上更改 Array.prototype.filter = function (fn) { // 这个参数不是 function if (typeof fn !== "function") { throw new Error('not function') } // console.log('this:'+this);//this:调用者 此时是 [1,2,3] if (!Array.isArray(this)) {
JavaScript 手写数组filter方法
我的博客
09-28 220
这篇文章介绍一下如何手写一个数组的filter筛选器的方法。 首先看看filter这个API都有什么参数
Vue利用canvas实现移动端手写板的方法
12-29
本文介绍了Vue利用canvas实现移动端手写板的方法，分享给大家，具体如下： <!--touchstart,touchmove,touchend,touchcancel 这--> <button type= v-on:click=clear>清除</button> <...
JavaScript手写数组的常用函数总结
01-21
在开发过程中，我们常常使用数组的一些 api 相关操作，其中包含 forEach 、 filter 、 find 、 findIndex 、 map 、 some 、 every 、 reduce 、 reduceRight 等函数方法。 今天，我们试试手写这些函数，实现数组...
Python3生成手写体数字方法
12-24
　自己尝试写了一个生成手写体图片的python程序，在此分享下生成单张 30*30像素的手写体数字1-9图像 的一种实现方法； 　我是利用random生成随机数1-9，然后PIL写到图像上，然后经过旋转、扭曲处理，得到“手写体”...
08-手写instanceof.md
03-31
能在规定时间内写出功能健全、思路清晰、格式规整的代码，这是前端工程师的必备技能，所以面试时必考手写代码。本章将通过多个面试题，讲解前端常考的写代码问题，并总结出高质量代码的关键点。 ## 为何要考察 ...
11-手写LRU.md
03-31
能在规定时间内写出功能健全、思路清晰、格式规整的代码，这是前端工程师的必备技能，所以面试时必考手写代码。本章将通过多个面试题，讲解前端常考的写代码问题，并总结出高质量代码的关键点。 ## 为何要考察 ...
js学习-手写filter
qq_43762607的博客
04-13 712
手写filter filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 var arr = [1, 2, 3] var array = arr.filter((item, index) => { return item > 2 }) console.log(array); function filter(arr, filterCallBack) { /
如何去手写 filter 方法
qq_38876038的博客
11-26 594
手写 filter 方法 Array.prototype.filter = function (fn, context) { if (typeof fn != "function") { throw new TypeError(`${fn} is not a function`); } let arr = this; let reuslt = []; for (var i = 0; i < arr.length; i++) { let temp = fn.call(
手写map, filter函数
weixin_30345055的博客
09-06 142
function map(arr, fn) { let newArr = []; for (let i = 0; i < arr.length; i++) { newArr[i] = fn(arr[i], i, arr) } return newArr; } function filter(arr, fn...
JS手写数组map、filter、reduce方法
qq_42335214的博客
03-29 440
// reduce Array.prototype.myReduce = function(fn,initValue) { let acc = initValue || this[0] let startIndex = initValue ? 0 : 1 for(let i = startIndex; i < this.length; i++) { acc = fn(acc,this[i],i,this) } return acc } // map Array.prototype.myM
js手写filter()函数（含原理和步骤解析）
unlilalila的博客
02-20 2085
定义和用法 filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 注意：filter() 不会对空数组进行检测。 注意：filter() 不会改变原始数组。 语法 array.filter(function(currentValue,index,arr), thisValue) 注意：function参数必选，thisValue参数可选 手写步骤： 1. 先判断参数是否为函数，否则直接返回 2.创建一个新数组用于返回filter后的结果 ...
手写一个JavaScript的filter方法
博客
05-04 306
filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 Array.prototype.myFilter = function( fn ){ //新建一个数组 let newArray = []; //循环判断是否符合函数fn for (let i = 0; i < this.length; i++) { if(fn(this[i])){ newArray.push(this[i]); .
43. 手写数组map方法？
11-17
根据提供的引用内容，没有直接与手写数组map方法相关的信息。但是，我们可以根据map方法的定义和实现方式来手写一个数组map方法。 数组map方法是一种高阶函数，它可以将一个数组中的每个元素都映射到一个新的元素上...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值