js实现对象的map方法(在Object的prototype上添加)

题目描述:

实现一个map方法来完成一个对象自身的相应操作,从而可以像数组一样对对象进行映射操作。例如:将一个对象内的所有键对应的值都进行翻倍操作。

解题思路:
  1. Object.prototype是object构造函数上的原型对象,他为所有的object对象提供它所定义的方法,所有对象会自动调用这个方法。
  2. 定义一个带参数的方法,参数是题中对象obj内的值所进行的操作,例:value => value*2,这就是所谓的翻倍操作,当然这里也可以实现其他操作。
  3. 方法内部首先创建一个空对象result用于存储转换后的结果
  4. 其次,使用for循环来遍历对象obj,同时在循环内用Object.hasOwnProperty.call(this,key)来限定处理的条件:只处理对象obj自身的属性,而不包括原型链上继承的属性。接下来详细解释一下:
  • Object.hasOwnProperty是用于检查对象是否包含某个属性(在这里就是检查是否有某个键)
  • call()方法用于调用一个函数并手动设置this的值
  • Object.hasOwnProperty.call(this,key)就是限定整个操作只围绕调用这个方法的对象obj进行,而不牵扯到原型链上的一些东西,然后判断this所指的这个对象上是否含有遍历到的key,有的话返回true,否则,返回false

   5. 将遍历到的键所对应的值进行参数上的操作并存到第3步创建的空对象result中

   6. 将对象obj循环遍历完成后也就将对象中的所有值都完成操作了,此时只需要返回存储数据的对象result就行

答案代码:
 //Object.prototype是Object构造函数上的原型对象,他为所有的Object对象提供她所定义的方法,所有对象会自动调用这个map方法
        Object.prototype.map = function (callback) {
            //创建一个空对象来储存转换后的结果
            const result = {}
            for (const key in this) {
                //来确保只处理对象自身的属性,而不包括原型链上继承的属性
                if (Object.hasOwnProperty.call(this,key)) {
                    //利用callback函数将属性值作为参数传进去
                    result[key] = callback(this[key])
                }
            }
            return result;
        }

        const obj = {a:1,b:2,c:3};
        const double = obj.map(value => value*2)
        console.log(double);   //double = {a:2,b:4,c:6}
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

khatung

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

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

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

打赏作者

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

抵扣说明:

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

余额充值