对象的映射函数（而不是数组）

小编典典

对象的映射函数（而不是数组）

javascript

我有一个对象：

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

我正在寻找一种本机方法，类似于Array.prototype.map将使用如下：

newObject = myObject.map(function (value, label) {
    return value * value;
});

// newObject is now { 'a': 1, 'b': 4, 'c': 9 }

JavaScriptmap对对象有这样的功能吗？（我想要这个用于 Node.JS，所以我不关心跨浏览器问题。）

阅读 198

2022-02-23

共1个答案

小编典典

map该对象没有本机Object，但是如何：

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 };

// returns a new object with the values at each key mapped using mapFn(value)
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
})

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

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

运行代码片段

展开片段

Array.prototype.reduce通过将前一个值与当前值进行某种程度的合并，将数组简化为单个值。该链由一个空对象初始化{}。在每次迭代中，myObject都会添加一个新的键，其值是键的两倍。

更新

有了新的 ES6 特性，就有了一种更优雅的表达方式objectMap。

const objectMap = (obj, fn) =>
  Object.fromEntries(
    Object.entries(obj).map(
      ([k, v], i) => [k, fn(v, k, i)]
    )
  )

const myObject = { a: 1, b: 2, c: 3 }

console.log(objectMap(myObject, v => 2 * v))

2022-02-23