我有一个对象:
myObject = { 'a': 1, 'b': 2, 'c': 3 }
我正在寻找一种类似于 Array.prototype.map
的 native 方法,其用法如下:
newObject = myObject.map(function (value, label) {
return value * value;
});
// newObject is now { 'a': 1, 'b': 4, 'c': 9 }
JavaScript 有这样的对象 map
函数吗? (我想要这个用于 Node.JS,所以我不关心跨浏览器问题。)
最佳答案
Object
对象没有原生的 map
,但是这样怎么样:
var myObject = { 'a': 1, 'b': 2, 'c': 3 };
Object.keys(myObject).forEach(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))
关于javascript - 对象的映射函数(而不是数组),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14810506/