小编典典

对象的映射功能(而不是数组)

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 }

JavaScript是否map对对象具有这样的功能?(我想为Node.JS使用它,所以我不在乎跨浏览器的问题。)


阅读 274

收藏
2020-04-25

共1个答案

小编典典

mapObject对象没有本地对象,但是如何处理:

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))
2020-04-25