jquery map 将虚线属性列表转换为对象

Question

我想将这样的东西（例如在课堂上使用）转换

var classname = "username_admin color_red strength_good"

为

myvalues = {
    username: 'admin',
    color: 'red',
    strength: 'good'
}

：这是目前我最接近的：

myvalues = $.map(classname.split(' '),function(el, i) {
    var tmp = el.split('_');
    var res = {};
    res[tmp[0]] = tmp[1];
    return res;
});

如何继续？ http://jsfiddle.net/4EvWw/

Answer 1

我会像这样使用each()，因为map()返回数组的元素，如文档中所述：

jQuery.map（数组，回调（elementOfArray，indexInArray））
返回：数组
描述：将数组或对象中的所有项目转换为新的
项目数组。

var classname = "username_admin color_red strength_good";

var res = {};
$.each(classname.split(' '),function(i, el) {
    var tmp = el.split('_');

    res[tmp[0]] = tmp[1];
});


console.log(res);

在这里小提琴 http://jsfiddle.net/4EvWw/1/

Answer 2

您想要使用 .each 而不是 .map，并在函数之外定义 res：

var res = {};
$.each(classname.split(' '),function(i, el) {
    var tmp = el.split('_');    
    res[tmp[0]] = tmp[1];
});

console.log(res);

http://jsfiddle .net/infernalbadger/4EvWw/3/

Answer 3

将您的代码更新为以下 http://jsfiddle.net/manuel/4EvWw/2/

var classname = "username_admin color_red strength_good";

var res = {};
$.map(classname.split(' '),function(el, i) {
    var tmp = el.split('_');
    res[tmp[0]] = tmp[1];
});

console.log(res);