你会如何做这件事呢？本能地，我想要做：
var myMap = new Map([["thing1", 1], ["thing2", 2], ["thing3", 3]]);
// wishful, ignorant thinking
var newMap = myMap.map((key, value) => value + 1); // Map { 'thing1' => 2, 'thing2' => 3, 'thing3' => 4 }
我从新迭代协议的文档中收获不多。
我知道wu.js，但我正在运行一个Babel项目，不想包含Traceur，因为它似乎目前依赖于Traceur。
我也不太清楚如何提取fitzgen/wu.js是如何做到这一点的并应用到我的项目上。
希望能有一个清晰、简洁的解释来弥补我在这方面的缺失。谢谢！
ES6 Map 的文档，供参考。
所以.map本身只提供了一个你关心的值… 尽管如此，有几种方法可以解决这个问题:
// instantiation
const myMap = new Map([
[ "A", 1 ],
[ "B", 2 ]
]);
// what's built into Map for you
myMap.forEach( (val, key) => console.log(key, val) ); // "A 1", "B 2"
// what Array can do for you
Array.from( myMap ).map(([key, value]) => ({ key, value })); // [{key:"A", value: 1}, ... ]
// less awesome iteration
let entries = myMap.entries( );
for (let entry of entries) {
console.log(entry);
}
Array.from接收任何可迭代对象（任何您将使用[].slice.call( )的时候，再加上Sets和Maps），并将其转换为数组... ...当强制将Maps转换为数组时，会变成一个由数组组成的数组，其中el[0] === key && el[1] === value; （基本上和我上面预填充示例Map的格式相同）。
我在lambda的参数位置使用了数组解构，将这些数组位置分配给值，然后为每个元素返回一个对象。
如果你在生产环境中使用Babel，你需要使用Babel的浏览器polyfill（包括“core-js”和Facebook的“regenerator”）。
我非常确定它包含Array.from。
Array.from来完成这个任务。顺便说一下，你的第一个例子并没有返回一个数组。 - neezer.forEach 无论何时都会直接返回 undefined，因为使用 forEach 的预期用途是基于副作用的简单迭代（自 ES5 以来一直如此）。要使用该 forEach，您需要手动构建一个数组并通过该 forEach 或 .entries() 或 .keys() 或 .values() 返回的迭代器来填充它。 Array.from 并没有做任何非常独特的事情，它只是隐藏了进行遍历的特定丑陋方式。是的，通过包含 babel-core/browser.js（或类似）来获取 .from... - NorguardArray.from接受一个映射函数作为参数，你不需要创建一个临时数组来进行映射并丢弃它。 - loganfsmythconst obj = { x: 1 };，当你写一段代码块时，你会写 if (...) { /* block */ }，当你写一个箭头函数时，你会写 () => { return 1; }，那么它如何知道什么是函数体，而不是对象的大括号呢？答案就是圆括号。否则，它会认为名称是代码块的标签，这是一个很少用到的特性，但你可以给 switch 或循环命名标签，这样你就可以通过名称 break; 退出它们。因此，如果缺少圆括号，你会得到一个带有标签的函数体，并且基于 MDN 的示例，包含语句 1。 - Norguard.forEach() 不是 .map()。为什么 JavaScript 的开发者总是会忽略这样基本的 API 呢？接下来你会告诉我你不能对 Iterator 进行 .map() 操作！ - Timmmm只需使用 Array.from(iterable, [mapFn])。
var myMap = new Map([["thing1", 1], ["thing2", 2], ["thing3", 3]]);
var newEntries = Array.from(myMap, ([key, value]) => [key, value + 1]);
var newMap = new Map(newEntries);
Array.from()还可以接受一个可选的映射函数作为第二个参数。 - AndruMap.values()时与Flow兼容，不像Array.values()仍然不兼容:facepalm:。 - ericsoconewEntries 变量的类型，否则它会推断出错误的类型。var newEntries: Array<[string, number]> = Array.from(myMap, ([key, value]) => [key, value + 1]); - Omar Rodriguez你应该只使用展开运算符:
var myMap = new Map([["thing1", 1], ["thing2", 2], ["thing3", 3]]);
var newArr = [...myMap].map(value => value[1] + 1);
console.log(newArr); //[2, 3, 4]
var newArr2 = [for(value of myMap) value = value[1] + 1];
console.log(newArr2); //[2, 3, 4]Array.from，供您参考。 - neezer[...myMap].map(mapFn) 会创建一个临时数组然后丢弃它。Array.from 接受一个 mapFn 作为其第二个参数，请使用它。 - loganfsmyth[...myMap].map(value => value[1] + 1)。 - Walter Chapilliquen - wZVanGArray.from(myMap.values(), val => val + 1); 呢？ - loganfsmythfunction mapMap(map, fn) {
return new Map(Array.from(map, ([key, value]) => [key, fn(value, key, map)]));
}
使用方法：
var map1 = new Map([["A", 2], ["B", 3], ["C", 4]]);
var map2 = mapMap(map1, v => v * v);
console.log(map1, map2);
/*
Map { A → 2, B → 3, C → 4 }
Map { A → 4, B → 9, C → 16 }
*/
在 TypeScript 中，如果有人需要：
export {}
declare global {
interface Map<K, V> {
map<T>(predicate: (key: K, value: V) => T): Map<V, T>
}
}
Map.prototype.map = function<K, V, T>(predicate: (value: V, key: K) => T): Map<K, T> {
let map: Map<K, T> = new Map()
this.forEach((value: V, key: K) => {
map.set(key, predicate(value, key))
})
return map
}
Map上的其他Map函数（例如get()）都不可用了。你有什么想法吗？我在这篇帖子中描述了我的问题：https://dev59.com/RM36oIgBc1ULPQZF_q-K - serlingpaundefined，比如 .set()。现在已经修复好了。 - serlingpa使用Array.from，我编写了一个TypeScript函数来映射值：
function mapKeys<T, V, U>(m: Map<T, V>, fn: (this: void, v: V) => U): Map<T, U> {
function transformPair([k, v]: [T, V]): [T, U] {
return [k, fn(v)]
}
return new Map(Array.from(m.entries(), transformPair));
}
const m = new Map([[1, 2], [3, 4]]);
console.log(mapKeys(m, i => i + 1));
// Map { 1 => 3, 3 => 5 }
实际上，在使用 Array.from 转换为数组后，您仍然可以拥有原始键的 Map。这是通过返回一个 数组 实现的，其中第一项是 key，第二项是转换后的 value。
const originalMap = new Map([
["thing1", 1], ["thing2", 2], ["thing3", 3]
]);
const arrayMap = Array.from(originalMap, ([key, value]) => {
return [key, value + 1]; // return an array
});
const alteredMap = new Map(arrayMap);
console.log(originalMap); // Map { 'thing1' => 1, 'thing2' => 2, 'thing3' => 3 }
console.log(alteredMap); // Map { 'thing1' => 2, 'thing2' => 3, 'thing3' => 4 }
如果你不把那个键返回为第一个数组项，你就会失去你的Map键。
let map0 = new Map([
[1, "a"],
[2, "b"],
[3, "c"]
]);
const map1 = new Map(
[...map0]
.map(([k, v]) => [k * 2, '_' + v])
);
{2 => '_a', 4 => '_b', 6 => '_c'}
我更喜欢扩展地图
export class UtilMap extends Map {
constructor(...args) { super(args); }
public map(supplier) {
const mapped = new UtilMap();
this.forEach(((value, key) => mapped.set(key, supplier(value, key)) ));
return mapped;
};
}
myMap = new Map([
["a", 1],
["b", 2],
["c", 3]
]);
for (var [key, value] of myMap.entries()) {
console.log(key + ' = ' + value);
}
myMap.forEach((value, key, map) => {
map.set(key, value+1)
})
for (var [key, value] of myMap.entries()) {
console.log(key + ' = ' + value);
}
Array.from吗？ - Ry-map函数，用于迭代器，并使用for of。 - Ry-map”是一个实际的选项（这也是在Array.prototype.map出现之前人们为数组所做的），而“编写自己的编程语言”则不太实际。很抱歉，JavaScript没有从可迭代对象到可迭代对象的map。你想让我说什么？ - Ry-