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

最新推荐文章于 2024-05-20 20:43:44 发布

「已注销」

最新推荐文章于 2024-05-20 20:43:44 发布

阅读量6.1k

点赞数 1

分类专栏： javascript 前端文章标签： javascript javascript object js对象迭代 js reduce

本文链接：https://blog.csdn.net/Lockey23/article/details/91776896

版权

javascript 同时被 2 个专栏收录

31 篇文章 0 订阅

订阅专栏

前端

28 篇文章 0 订阅

订阅专栏

这篇博客探讨了如何使用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 * 2
})

Array.prototype.reduce 将合并之前的值与当前值并在最后返回一个修改后的对象，初始对象是一个空对象{}，在每一次迭代后一个修改后的键值对被加入到初始对象中去。

console.log(newObject);
// => { 'a': 1, 'b': 4, 'c': 6 }

console.log(myObject);
// => { 'a': 1, 'b': 2, 'c': 3 }