为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕姐8265434 2019-07-23 15:33:56
对象的映射函数(而不是数组)我有一个对象: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,所以我不关心跨浏览器问题。)
查看完整描述

3 回答

?
暮色呼如

TA贡献1853条经验 获得超9个赞

没有原生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': 1, 'b': 4, 'c': 6 }console.log(myObject);// => { 'a': 1, 'b': 2, 'c': 3 }

Array.prototype.reduce通过稍微将先前值与当前值合并,将数组减少为单个值。链由空对象初始化{}。在每次迭代时,myObject都会添加一个新的键,其正方形为值。


查看完整回答
反对 回复 2019-07-23
?
函数式编程

TA贡献1807条经验 获得超9个赞

没有本地方法,但是lodash#mapValues可以很好地完成工作

_.mapValues({ 'a': 1, 'b': 2, 'c': 3} , function(num) { return num * 3; });// → { 'a': 3, 'b': 6, 'c': 9 }


查看完整回答
反对 回复 2019-07-23
  • 3 回答
  • 0 关注
  • 673 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信