我有一个目标：
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是否有这样的对象映射函数？（我希望Node.JS使用这个，所以我不关心跨浏览器问题。）
当前回答
首先，使用Object.entries（集合）转换您的HTMLCollection。然后，它是一个可迭代的，您现在可以在它上使用.map方法。
Object.entries(collection).map(...)
参考https://medium.com/@js_tut/calling-javascript-code-on-multiple-div-elements-without-the-id属性-97ff6a50f31
其他回答
这真的很烦人，JS社区的每个人都知道。应该有这样的功能：
const obj1 = {a:4, b:7};
const obj2 = Object.map(obj1, (k,v) => v + 5);
console.log(obj1); // {a:4, b:7}
console.log(obj2); // {a:9, b:12}
这是一个幼稚的实现：
Object.map = function(obj, fn, ctx){
const ret = {};
for(let k of Object.keys(obj)){
ret[k] = fn.call(ctx || null, k, obj[k]);
});
return ret;
};
总是要自己实现这一点非常令人讨厌；）
如果您想要一些更复杂的、不干扰Object类的东西，请尝试以下操作：
let map = function (obj, fn, ctx) {
return Object.keys(obj).reduce((a, b) => {
a[b] = fn.call(ctx || null, b, obj[b]);
return a;
}, {});
};
const x = map({a: 2, b: 4}, (k,v) => {
return v*2;
});
但将此映射函数添加到Object是安全的，只是不要添加到Object.prototype。
Object.map = ... // fairly safe
Object.prototype.map ... // not ok
TypeScript中的对象映射器
我喜欢像这样使用Object.fromEntries的示例，但它们仍然不太好用。使用Object.keys然后查找关键字的答案实际上是在进行可能不需要的多次查找。
我希望有一个Object.map函数，但我们可以创建自己的函数，并将其称为objectMap，同时可以修改键和值：
用法（JavaScript）：
const myObject = { 'a': 1, 'b': 2, 'c': 3 };
// keep the key and modify the value
let obj = objectMap(myObject, val => val * 2);
// obj = { a: 2, b: 4, c: 6 }
// modify both key and value
obj = objectMap(myObject,
val => val * 2 + '',
key => (key + key).toUpperCase());
// obj = { AA: '2', BB: '4', CC: '6' }
代码（TypeScript）：
interface Dictionary<T> {
[key: string]: T;
}
function objectMap<TValue, TResult>(
obj: Dictionary<TValue>,
valSelector: (val: TValue, obj: Dictionary<TValue>) => TResult,
keySelector?: (key: string, obj: Dictionary<TValue>) => string,
ctx?: Dictionary<TValue>
) {
const ret = {} as Dictionary<TResult>;
for (const key of Object.keys(obj)) {
const retKey = keySelector
? keySelector.call(ctx || null, key, obj)
: key;
const retVal = valSelector.call(ctx || null, obj[key], obj);
ret[retKey] = retVal;
}
return ret;
}
如果您没有使用TypeScript，请在TypeScript Playground中复制上述代码以获取JavaScript代码。
此外，我在参数列表中将keySelector放在valSelector之后的原因是它是可选的。
*亚历山大·米尔斯的回答值得称赞。
我特别希望使用与用于单个对象的数组相同的函数，并希望保持简单。这对我有用：
var mapped = [item].map(myMapFunction).pop();
Async，有人吗？
尽管有大量的评论，但我没有找到使用异步映射器的解决方案。这是我的。
使用p-map，一个受信任的（@sindresorhus）和小的依赖关系。
（注意，没有选项传递给p-map。如果需要调整并发/错误处理，请参阅文档）。
字体：
import pMap from "p-map";
export const objectMapAsync = async <InputType, ResultType>(
object: { [s: string]: InputType } | ArrayLike<InputType>,
mapper: (input: InputType, key: string, index: number) => Promise<ResultType>
): Promise<{
[k: string]: ResultType;
}> => {
const mappedTuples = await pMap(
Object.entries(object),
async ([key, value], index) => {
const result = await mapper(value, key, index);
return [key, result];
}
);
return Object.fromEntries(mappedTuples);
};
普通JS：
import pMap from "p-map";
export const objectMapAsync = async (
object,
mapper
) => {
const mappedTuples = await pMap(
Object.entries(object),
async ([key, value], index) => {
const result = await mapper(value, key, index);
return [key, result];
}
);
return Object.fromEntries(mappedTuples);
};
};
用法示例：
（精心设计，无错误处理，无类型）
// Our object in question.
const ourFavouriteCharacters = {
me: "luke",
you: "vader",
everyone: "chewbacca",
};
// An async function operating on the object's values (in this case, strings)
const fetchCharacter = (charName) =>
fetch(`https://swapi.dev/api/people?search=${charName}`)
.then((res) => res.json())
.then((res) => res.results[0]);
// `objectMapAsync` will return the final mapped object to us
// (wrapped in a Promise)
objectMapAsync(ourFavouriteCharacters, fetchCharacter).then((res) =>
console.log(res)
);
最小版本
2017年
Object.entries(obj).reduce((a, [k, v]) => (a[k] = v * v, a), {})
↑↑↑↑↑
ES2019年
Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, v * v]))
↑↑↑↑↑
