对象的映射函数(而不是数组)
我有一个对象:
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,所以我不在乎跨浏览器的问题。)
没有本地map
到Object
对象,但是这个如何:
Object.keys(myObject).map(function(key, index) {
myObject[key] *= 2;
});
console.log(myObject);
// => { 'a': 2, 'b': 4, 'c': 6 }
但是你可以很容易地迭代一个对象,使用for ... in
:
for(var key in myObject) {
if(myObject.hasOwnProperty(key)) {
myObject[key] *= 2;
}
}
更新
很多人都提到,以前的方法不会返回一个新的对象,而是对对象本身进行操作。 对于这个问题,我想添加另一个解决方案,返回一个新的对象,并保持原来的对象,因为它是:
var newObject = Object.keys(myObject).reduce(function(previous, current) {
previous[current] = myObject[current] * myObject[current];
return previous;
}, {});
console.log(newObject);
// => { 'a': 1, 'b': 4, 'c': 9 }
console.log(myObject);
// => { 'a': 1, 'b': 2, 'c': 3 }
Array.prototype.reduce
通过将前一个值与当前值进行某种合并来将数组减少为单个值。 链由空对象{}
初始化。 在每次迭代时, myObject
的新密钥将以其平方值作为值添加。
如何在纯JS( ES6 / ES2015 )中进行立即变量赋值?
利用扩展运算符和计算键名称语法:
let newObj = Object.assign({}, ...Object.keys(obj).map(k => ({[k]: obj[k] * obj[k]})));
jsbin
使用reduce的另一个版本:
let newObj = Object.keys(obj).reduce((p, c) => ({...p, [c]: obj[c] * obj[c]}), {});
jsbin
作为函数的第一个例子:
const oMap = (o, f) => Object.assign({}, ...Object.keys(o).map(k => ({ [k]: f(o[k]) })));
// To square each value you can call it like this:
let mappedObj = oMap(myObj, (x) => x * x);
jsbin
如果您想以功能样式递归地映射嵌套对象,可以这样做:
const sqrObjRecursive = (obj) =>
Object.keys(obj).reduce((newObj, key) =>
(obj[key] && typeof obj[key] === 'object') ?
{...newObj, [key]: sqrObjRecursive(obj[key])} : // recurse.
{...newObj, [key]: obj[key] * obj[key]} // square val.
,{})
jsbin
或者更重要的是,像这样:
const sqrObjRecursive = (obj) => {
Object.keys(obj).forEach(key => {
if (typeof obj[key] === 'object') obj[key] = sqrObjRecursive(obj[key]);
else obj[key] = obj[key] * obj[key]
});
return obj;
};
jsbin
由于ES7 / ES2016可以使用Object.entries
而不是Object.keys
例如:
let newObj = Object.assign(...Object.entries(obj).map(([k, v]) => ({[k]: v * v})));
继承的属性和原型链:
在一些罕见的情况下,您可能需要映射类样对象,该对象在其原型链上保存了继承对象的属性。 在这种情况下, Object.keys()
将不起作用,因为Object.keys()
不枚举继承的属性。 如果你需要映射继承的属性,你应该使用for (key in myObj) {...}
。
这是一个继承另一个对象的属性的对象的例子,以及Object.keys()
在这种情况下不起作用的例子。
const obj1 = { 'a': 1, 'b': 2, 'c': 3}
const obj2 = Object.create(obj1); // One of multiple ways to inherit an object in JS.
// Here you see how the properties of obj1 sit on the 'prototype' of obj2
console.log(obj2) // Prints: obj2.__proto__ = { 'a': 1, 'b': 2, 'c': 3}
console.log(Object.keys(obj2)); // Prints: an empty Array.
for (key in obj2) {
console.log(key); // Prints: 'a', 'b', 'c'
}
jsbin
但是,请帮我一个忙,避免继承。 :-)
没有本地的方法,但lodash#mapValues会出色地完成这项工作
_.mapValues({ 'a': 1, 'b': 2, 'c': 3} , function(num) { return num * 3; });
// → { 'a': 3, 'b': 6, 'c': 9 }
链接地址: http://www.djcxy.com/p/53579.html