如何将普通对象转换为ES6地图？

由于某种原因，我无法在MDN文档中找到这个简单的东西（也许我只是想念它）。

我希望这可以工作：

const map = new Map({foo: 'bar'});

map.get('foo'); // 'bar'

...但是第一行抛出 TypeError: (var)[Symbol.iterator] is not a function

如何从普通对象制作地图？我真的必须首先将其转换为键值对数组的数组吗？

是的，Map构造函数采用键值对数组。

Object.entries是ES2017（19.1.2.5）中可用的新的Object静态方法。

const map = new Map(Object.entries({foo: 'bar'}));

map.get('foo'); // 'bar'

目前已在Firefox 46+和Edge 14+及更高版本的Chrome中实现

如果您需要支持较旧的环境，而不能选择进行移植，请使用polyfill，例如georg建议的填充：

Object.entries = typeof Object.entries === 'function' ? Object.entries : obj => Object.keys(obj).map(k => [k, obj[k]]);

请使用生成器函数查看nils的答案Object.entries和/或bergi的答案。尽管Object.entries在提出问题时尚不在规范中，但它是在第4阶段进行的，因此可以安全地进行填充和甚至在2016年4月使用（也就是）。（有关此阶段的更多信息。）生成器功能在ES2015中。OP明确要求避免中介，虽然生成器并没有完全避免中介，但它比下面的（或略）做得更好Object.enties。

FWIW，使用Object.entries：

• 创建[name, value]要传递给的数组数组new Map
• 该Map构造函数调用数组以得到一个迭代器上的功能; 数组创建并返回一个数组插入对象。
• 该Map构造函数使用了迭代器对象获取的条目（该[name, value]阵列），并建立映射

使用生成器：

• 作为调用generator函数的结果创建一个generator对象
• 该Map构造函数调用生成器对象的函数从它那里得到一个迭代器; 生成器对象返回自身
• 该Map构造函数使用生成器对象（作为一个迭代）来获得条目（在[name, value]阵列）和构建地图

因此：减少了一个中介（来自的数组Object.entries）。

但是，使用起来Object.entries更简单，并且在99.999％的时间内创建该阵列都不是问题。真的，无论是哪一个。但是它们都比下面的要好。:-)

原始答案：

要初始化Map，您可以使用任何将键/值对作为数组返回的迭代器，例如数组数组：

const map = new Map([
    ['foo', 'bar']
]);

没有从对象到地图的内置转换，但是很容易做到Object.keys：

const map = new Map();
let obj = {foo: 'bar'};
Object.keys(obj).forEach(key => {
    map.set(key, obj[key]);
});

当然，您可以给自己一个辅助函数来处理该问题：

function buildMap(obj) {
    let map = new Map();
    Object.keys(obj).forEach(key => {
        map.set(key, obj[key]);
    });
    return map;
}

然后

const map = buildMap({foo: 'bar'});

或者这是一个看起来更轻巧的版本（那还是一回事吗？）：

function buildMap(obj) {
    return Object.keys(obj).reduce((map, key) => map.set(key, obj[key]), new Map());
}

（是的，Map#set返回地图参考。有些人认为，这是一abusage的reduce。）

或者，我们真的可以超越晦涩之处：

const buildMap = o => Object.keys(o).reduce((m, k) => m.set(k, o[k]), new Map());

不，我永远不会真正做到这一点。:-)

我真的必须首先将其转换为键值对数组的数组吗？

不，键值对数组的迭代器就足够了。您可以使用以下命令来避免创建中间数组：

function* entries(obj) {
    for (let key in obj)
        yield [key, obj[key]];
}

const map = new Map(entries({foo: 'bar'}));
map.get('foo'); // 'bar'

Nils的答案描述了如何将对象转换为地图，我发现这非常有用。但是，OP还想知道此信息在MDN文档中的何处。最初问问题时可能还没有出现，但现在位于“ 将对象转换为地图 ”标题下的Object.entries（）的MDN页面上，该状态指出：

将对象转换为地图

该new Map()构造函数接受一个可迭代的entries。使用Object.entries，您可以轻松地从转换Object为Map：

const obj = { foo: 'bar', baz: 42 }; 
const map = new Map(Object.entries(obj));
console.log(map); // Map { foo: "bar", baz: 42 }

const myMap = new Map(
    Object
        .keys(myObj)
        .map(
            key => [key, myObj[key]]
        )
)

另外，您可以使用lodash toPairs方法：

const _ = require('lodash');
const map = new Map(_.toPairs({foo: 'bar'}));

ES6

将对象转换为地图：

const objToMap = (o) => new Map(Object.entries(o));

将地图转换为对象：

const mapToObj = (m) => [...m].reduce( (o,v)=>{ o[v[0]] = v[1]; return o; },{} )

注意：mapToObj函数假定地图键是字符串（否则将失败）

借助一些JQuery，

const myMap = new Map();
$.each( obj, function( key, value ) {
myMap[key] = value;
});