Jquery map json arrays with $.map

Question

我对如何使用 $.map 函数而不是常规$.each感到困惑。我有这样的 json 数据。

var arr = {
 "x1" :[11,22,33],
 "y1":[44,55,66],
 "y2":[77,88,99]
};

结果应该是数组 = [[x1，y1，y2]， ...]

var result = [[11,44,77],[22,55,88],[33,66,99]];

并且我希望函数是动态的，它不应该依赖于arr.x1等。例如，如果我给它数组，例如

var arr2 = {
 "aaa" :[11,22,33],
 "sss":[44,55,66],
 "dd":[77,88,99],
 "dddd":[77,88,99],
};

它应该像上面一样动态地添加所有数组，因为它现在有 4 个子数组，因此结果应该是三个子数组，每个子数组有四个元素。我应该能够用$.each等来做到这一点，但目的是学习 $.map。

更新：我的猜测是纯粹的 $.map 解决方案将是这样的嵌套映射：

_elements = $.map(_elements, function(e) {
    return [$.map(e,function(v) {
        return v;
    })];
}); 

Answer 1

你可以像这样构建你的数组：

var arr = {
 "x1" :[11,22,33],
 "y1":[44,55,66],
 "y2":[77,88,99]
};
var keys = Object.keys(arr), result = [], l=arr[keys[0]].length;
for(var i=0; i<l; i++) result.push($.map(keys, function(k){ return arr[k][i] }));

这将完全构建您要求的阵列。

示范