手写map和filter

最新推荐文章于 2024-06-13 02:48:16 发布
最新推荐文章于 2024-06-13 02:48:16 发布
阅读量395 收藏
点赞数 4
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liangmeng556/article/details/119989904
版权

        let arr = [1, 2, 3, 4, 5, 6]   
        

 /* map */

   function map(array, callback) {

       if (!Array.isArray(array) || !array.length || typeof callback !== "function") {

             return

        } else {

            let newArr = [];

            for (let i = 0; i < array.length; i++) {

                newArr[i] = callback(array[i], i, array)

              }

              return newArr

            }

        }

        let newArr = map(arr, (item) => {

            return item * 2

        })

        console.log(newArr);

     

   /* filter */

        function filter(arr, callback) {

            if (!Array.isArray(arr) || !arr.length || typeof callback !== "function") {

                return

            } else {

                let newArr = [];



                for (let i = 0; i < arr.length; i++) {

                    if (callback(arr[i], i, arr)) {

                        newArr.push(arr[i])

                    }

                }

                return newArr

            }

        }

        let a = filter(arr, (item) => {

            return item > 3

        })

        console.log(a);

凉梦556
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JavaScript手写数组的常用函数总结
01-21
在开发过程中，我们常常使用数组的一些 api 相关操作，其中包含 forEach 、 filter 、 find 、 findIndex 、 map 、 some 、 every 、 reduce 、 reduceRight 等函数方法。 今天，我们试试手写这些函数，实现数组...
fackAchieve:手写ES6高级函数，手写Promise，模拟数据结构 ,手写常用工具库函数及框架源码模拟实现
05-14
手写 es6 函数，Promise 特性，lodash 库的函数实现,模拟 vue,React 等前端框架的实现和原理的理解。 functions 文件夹 手动实现各种函数，包括不限于 ES6 等函数的方法 内容对应表 Array 方法名称(name) 位置...
手写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...
手写ES6数组常用方法（forEach,filter,map,find)
m0_45093055的博客
03-23 456
手写ES6数组方法，可加深对ES6数组方法的了解
手写Array.map，reduce，filter
yuxiaoc的博客
10-27 194
map 具体看MDN或者我的另一篇文章 var new_array = arr.map(function callback(currentValue[, index[,array]]) { // Return element for new_array }[, thisArg]) 以前没注意的点 thisArgs 指的是回调函数的this thisArg 有指定时 不能用箭头函数 原因是箭头函数没有this隐式指向。箭头函数在定义时候就已经绑定了上层上下文中非箭头函数this map 方法处理
手写实现数组方法之 map、reduce、filter、find、findInex、every 和 some
浮生离梦的博客
08-22 618
一、map 方法 map 方法，返回一个由回调函数的返回值组成的新数组。 map 的实现，代码如下所示： export function map(arr, callback) { // 声明一个空的数组 let result = []; // 遍历数组 for(let i=0;i<arr.length;i++) { // 执行回调 result.push(callback(arr[i], i)); } // 返回结果 return result; }
手写js的几个数组方法：map，filter，forEach等等
bzaZJU的博客
05-06 396
实现js常见数组方法 map方法接收两个参数，第一个为函数，第二个一般为this，我们在使用map函数的时候，一般只用添加函数即可。 let arr=[1,2,3,4,5]; Array.prototype.mapArray=function(fn,thisArgs){ let length=this.length; console.log(t
手写map、filter、reduce
cathy_39的博客
01-31 136
手写map、filter、reduce
Javascript 手写map 、filter
qq_38902432的博客
05-27 71
【代码】Javascript 手写map 、filter。
blog:记录精品项目，日常总结，手写api，源码学习，常用工具
03-23
精品项目 基于Nodejs + eggjs + Mongodb编写的内容管理系统。 GitHub上有趣，入门级的开源项目 常用工具，优秀导航，创意资源，绿色软件，优秀博客 发现新网站，就像发现新大陆 ... Array.prototype.map
function_utils:函数工具类
08-04
在哪里跌倒，就在那里爬起基础函数练习 + 手写自定义方法1. map 方法返回一个新数组，数组中的元素为原数组调用函数后的值 注意： map() 不会对空数组进行检测。 注意： map() 不会改变原始数组。2. reduce() 方法...
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 321
在vue.config.js中配置关闭Uncaught runtime errors显示。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 500
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
前端性能优化：提升网站加载速度的终极指南
喔的嘛呀的博客
06-07 1060
综上所述，通过以上优化方案和具体措施，我们可以有效地提升网站的加载速度，改善用户体验，提高转化率，从而在激烈的市场竞争中脱颖而出，取得更好的业绩和口碑。作为前端工程师，我们应该不断学习和探索，不断优化和提升网站性能，为用户创造更好的上网体验。
自制植物大战僵尸：HTML5与JavaScript实现的简单游戏
m0_73367097的博客
06-08 1920
自制植物大战僵尸
基于JavaScript 如何实现爬山算法以及优化方案
乐闻世界
06-10 1211
爬山算法（Hill Climbing Algorithm）是一种常见的启发式搜索算法，常用于解决优化问题。其核心思想是从一个初始状态出发，通过逐步选择使目标函数值增大的邻近状态来寻找最优解。接下来，我们将通过 JavaScript 实现一个简单的爬山算法，帮助大家理解其原理和应用。从一个初始状态开始。评估当前状态的目标函数值。在当前状态的邻居中选择一个目标函数值更大的状态。如果找到了更优的邻居，则移动到该邻居并重复步骤2和步骤3。如果没有更优的邻居，则算法结束，当前状态即为局部最优解。
vue3如何定义一个组件
Java程序员专栏
06-09 515
注意在子组件的 <template> 中，你使用 {{ propName }} 来显示传递进来的参数值。在父组件中，你使用 :propName="parentMessage" 来将 parentMessage 数据的值绑定到子组件的 propName prop 上。当使用 <script setup> 语法糖时，你不能直接在 <script> 标签内使用 props 选项。在 Vue 3 中，定义一个可以接收参数的组件通常是通过在组件的 props 选项中定义这些参数来完成的。// 其他组件逻辑...
Harmony 开发的艺术 面向对象
最新发布
不懂先生的博客
06-13 796
然后你可以创建多个子类，如“圆形”、“矩形”和“三角形”，它们都继承自“形状”类并实现了自己的“绘制”方法。尽管每个对象的类型可能不同（圆形、矩形、三角形等），但由于它们都继承了“形状”类并实现了相同的“绘制”方法，因此你可以通过父类引用来统一调用它们的方法。然后你可以创建一个“狗”类，它继承自“动物”类，并添加或覆盖一些特定的属性和方法（如“叫”和“摇尾巴”）。所以面向对象的三大特征（封装、继承、多态）在java语言中很容易实现的设计，搬到早期的JavaScript中，就变噩梦一样的存在。
c++ 手写map链表类
05-19
以下是一个简单的基于链表实现的手写Map类示例，你可以参考一下： ```c++ #include <iostream> #include <string> using namespace std; template <typename KeyType, typename ValueType> class Map { private: struct Node { KeyType key; ValueType value; Node* next; Node(const KeyType& k, const ValueType& v) : key(k), value(v), next(nullptr) {} }; Node* head; public: Map() : head(nullptr) {} ~Map() { Node* node = head; while (node != nullptr) { Node* next = node->next; delete node; node = next; } } void insert(const KeyType& k, const ValueType& v) { Node* node = head; while (node != nullptr) { if (node->key == k) { node->value = v; return; } node = node->next; } node = new Node(k, v); node->next = head; head = node; } const ValueType& operator[](const KeyType& k) const { Node* node = head; while (node != nullptr) { if (node->key == k) { return node->value; } node = node->next; } throw "Key not found!"; } bool contains(const KeyType& k) const { Node* node = head; while (node != nullptr) { if (node->key == k) { return true; } node = node->next; } return false; } }; int main() { Map<string, int> myMap; myMap.insert("apple", 3); myMap.insert("banana", 6); myMap.insert("cherry", 9); cout << myMap["apple"] << endl; // 3 cout << myMap["banana"] << endl; // 6 cout << myMap["cherry"] << endl; // 9 cout << myMap["durian"] << endl; // throws "Key not found!" if (myMap.contains("apple")) { cout << "myMap contains 'apple'" << endl; } if (!myMap.contains("durian")) { cout << "myMap does not contain 'durian'" << endl; } return 0; } ``` 在这个示例中，我们使用了一个简单的单向链表来存储键值对。Map类提供了三个基本的操作：insert、operator[]和contains。insert操作将一个键值对插入到链表中，如果键已经存在，则更新对应的值。operator[]操作用于获取特定键的值，如果键不存在，则抛出异常。contains操作用于检查特定键是否存在于Map中。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值