题目描述:
实现一个map方法来完成一个对象自身的相应操作,从而可以像数组一样对对象进行映射操作。例如:将一个对象内的所有键对应的值都进行翻倍操作。
解题思路:
- Object.prototype是object构造函数上的原型对象,他为所有的object对象提供它所定义的方法,所有对象会自动调用这个方法。
- 定义一个带参数的方法,参数是题中对象obj内的值所进行的操作,例:value => value*2,这就是所谓的翻倍操作,当然这里也可以实现其他操作。
- 方法内部首先创建一个空对象result用于存储转换后的结果
- 其次,使用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}