实现一个myMap方法

开心点啦.

已于 2024-01-06 10:46:47 修改

阅读量382

点赞数 7

文章标签： javascript 开发语言 ecmascript

于 2024-01-06 10:46:12 首次发布

本文链接：https://blog.csdn.net/zxcvb0825/article/details/135423002

版权

本文讨论了JavaScript中的myMap和内置Map对象的区别，myMap作为自定义函数在数组原型上的应用，以及如何通过回调函数实现数组元素映射。

摘要由CSDN通过智能技术生成

myMap和 map 都是用于存储键值对的集合。在avaScript 中，它们分别代表了两种不同的数据结构。 myMap 可能是一个自定义对象，而 map 则是JavaScript 内置的 Map 对象。两者的主要区别在于 map 对象提供了更丰富的 AP和一些高级特性，例如如可跌代性、支持任意类型的键和值等等

在函数式编程中，ma 是一种操作数组的高阶函数，用于将数组中每个元素映射为新的值。而 mywa 可能是一个自定义的函数也可能是一个包含 map 操作的数组。

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
 
<body>
    <script>
        //在数组的原型上添加myMap方法
        //定一个数组    const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
        // arr.myMap中传的一个回调函数
        // 原型中myMap方法接受一个会回调函数
        // 原型中myMap定一个数组进行存储
        // 使用for方法进行添加每一个回调函数，回调函数也是一个一个的逻辑在里面
        // 最后return 返回一个新的数组
 
        Array.prototype.myMap = function (fn) {
            let newArr = []
            console.log(this)
            for (let i = 0; i < this.length; i++) {
                newArr[i]=fn(this[i])
            }
            return newArr
        }
        const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
        arr.myMap(item => {
            console.log(item*2)
        })
    </script>
</body>
 
</html>