如何从 Javascript 中的字符串列表创建地图（对象）

Question

我有一个包含许多唯一字符串的数组，我希望尽可能不循环，从中创建一个映射对象，其中每个元素的键是唯一字符串，值默认为任意设置.

有没有一种方法可以在一行中做到这一点而无需循环？ IE。我想从

var colours = [ "Red", "Orange", "Yellow", "Green", "Blue", "Indigo", "Violet" ];

到

var colourMap = {
    "Red":    VAL,
    "Orange": VAL,
    "Yellow": VAL,
    "Green":  VAL,
    "Blue":   VAL,
    "Indigo": VAL,
    "Violet": VAL
};

Answer 1

如果您真的想完全跳过循环（包括像 map 这样的函数），这可行：

JSON.parse('{"'+colours.join('":"VAL", "')+'":"VAL"}');

这会构建一个 JSON 字符串，然后对其进行解析。

但是，我不会使用此功能。它丑陋，效率低下，难以维护，在“幕后”使用循环，而且它通常是不好的形式。 （我什至不会打扰eval 而不是 JSON。eval === evil）。

改用map 之类的东西：

var colours = [ "Red", "Orange", "Yellow", "Green", "Blue", "Indigo", "Violet" ];
var colourMap = {};
colours.forEach(function(c){
    colourMap[c] = "VAL";
});

是的，它循环通过colours，但它更高效，更易于理解。

关于性能：

map 和 reduce seem to be similar 在 Google Chrome 中的执行速度（reduce 稍快）。

Answer 2

假设您的浏览器要求支持Array.prototype.reduce

colours.reduce(function(obj, c){ 
  obj[c] = "VAL";
  return obj;
}, {})

或者，如果你是一个混蛋并且使用大多数 js 开发人员甚至不知道存在的语法，那么你可以接受

colours.reduce(function(obj, c){ return (obj[c] = "VAL", obj) }, {})

Answer 3

你可以用 jQuery 做到这一点：

colourMap = $.map(colours, function(e){
  return { e: "VAL" };
});

或带下划线：

var colourMap = {};
_.each(some_object_array, function(val) {
  colourMap[val] = "VAL";
});

甚至更好（感谢 George Mauer）：

_.object(_.map(colourMap, function(c) { return [c, "VAL"] }))