我有一个目标：
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
其他回答
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)
);
常量orig=｛“a”：1，“b”：2，“c”：3｝常量结果=_.变换（orig，（r，v，k）=>r[k.trim（）]=v*2）；console.log（结果）；<script src=“https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js“></script>
使用new_.transform（）转换对象。
这真的很烦人，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
使用以下映射函数定义myObject.map
o => f=> Object.keys(o).reduce((a,c)=> c=='map' ? a : (a[c]=f(o[c],c),a), {})
让map=o=>f=>Object.keys（o）.reduce（（a，c）=>c=='map'？a:（a[c]=f（o[c]，c），a），{}）//测试初始化myObject=｛“a”：1，“b”：2，“c”：3｝myObject.map=map（myObject）；//你可以这样做，但不建议这样做//（您将看到“map”键任意/所有对象）//Object.prototype.map=map（myObject）；//所述OP所需接口newObject=myObject.map（函数（值，标签）{返回值*值；});console.log（newObject）；
JavaScript刚刚获得了新的Object.fromEntries方法。
实例
函数mapObject（obj，fn）{返回Object.fromEntries(对象.entries（对象）.map（fn）)}常量myObject=｛a:1，b:2，c:3｝const myNewObject=mapObject（myObject，（[key，value]）=>（[key、value*value]））console.log（myNewObject）
解释
上面的代码将Object转换为可以映射的嵌套数组（[[<key>，<value>]，…]）。Object.fromEntries将数组转换回对象。
这种模式最酷的一点是，现在可以在映射时轻松地考虑对象关键点。
文档
对象.fromEntries（）Object.entries（）
浏览器支持
Object.fromEntries目前仅受这些浏览器/引擎支持，但仍有polyfill可用（例如@babel/polyfill）。
