迭代修改javascript对象的每一个属性值或者返回一个新对象

这篇博客探讨了如何使用JavaScript的map方法和for...in循环来迭代修改对象的属性值。同时,介绍了利用Array.prototype.reduce方法创建一个新的、经过函数处理后的对象,通过将每个键值对应用到初始空对象上,最终返回一个修改后的对象。
摘要由CSDN通过智能技术生成

使用map方法迭代修改原有对象

var myObject = { 'a': 1, 'b': 2, 'c': 3 };

Object.keys(myObject).map(function(key, index) {
  myObject[key] *= 2;
});

console.log(myObject);
// => { ‘a’: 2, ‘b’: 4, ‘c’: 6 }

使用 for … in 迭代修改原有对象:
var myObject = { 'a': 1, 'b': 2, 'c': 3 };

for (var key in myObject) {
  if (myObject.hasOwnProperty(key)) {
    myObject[key] *= 2;
  }
}

console.log(myObject);
// { ‘a’: 2, ‘b’: 4, ‘c’: 6 }

迭代后返回一个新的对象

var myObject = { ‘a’: 1, ‘b’: 2, ‘c’: 3 };

// 返回一个针对每个键值使用了函数mapFn的新对象

function objectMap(object, mapFn) {
  return Object.keys(object).reduce(function(result, key) {
    result[key] = mapFn(object[key])
    return result
  }, {})
}

var newObject = objectMap(myObject, function(value) {
  return value 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值