转置 JSON

Question

我想将同构 JSON 集合的所有属性提取到它自己的数组中。

例如，给定：

var dataPoints = [
    {
        "Year": 2005,
        "Value": 100 
    },
    {
        "Year": 2006,
        "Value": 97 
    },
    {
        "Year": 2007,
        "Value": 84 
    },
    {
        "Year": 2008,
        "Value": 102 
    },
    {
        "Year": 2009,
        "Value": 88 
    },
    {
        "Year": 2010,
        "Value": 117 
    },
    {
        "Year": 2011,
        "Value": 104 
    }
];

我想从 dataPoints 中提取所有值的数组，看起来像：

var values = [100, 97, 84, 102, 88, 117, 104];

是否有一种干净/有效的方法来完成这种转置，而不是手动迭代和构造？

Answer 1

最终，您将需要进行一些迭代。

map 函数就是您想要的：

function map(array, callback) {
    var result = [],
        i;

    for (i = 0; i < array.length; ++i) {
        result.push(callback(array[i]));
    }

    return result;
}

// ...

var values = map(dataPoints, function(item) { return item.Value; });

...或者仅使用外部库的映射函数：

• 原型 - 收集
• jQuery.map
• 下划线 - 地图

Answer 2

您可以通过创建自己的地图功能来做一些有趣的事情你需要用它做什么......但在一天结束时，你最终将迭代原始数组并取出你感兴趣的值

只是为了好玩，给定这个方法：

function project(a, fn)
{
var list = new Array();
    for (i = 0; i < a.length; i++)
    {
        list.push(fn(a[i]));
    }
return list;
}

你可以轻松获得一个数组看起来像你所描述的：

var dataPoints = [
    { Year: 2005,
      Value: 100
    },
    { Year: 2006,
      Value: 97
    },
    { Year: 2007,
      Value: 84
    },
    { Year: 2008,
      Value: 102
    },
    { Year: 2009,
      Value: 88
    },
    { Year: 2010,
      Value: 117
    },
    { Year: 2011,
      Value: 104
    }
];

var list = project(dataPoints, function(p) { return p.Value; });

alert(list[0]);  // alerts '100'

Answer 3

我同意 Joel 的观点，即这里没有魔法 - 您需要迭代数组才能提取值。迭代数组的最快方法是简单的 for 循环。请参阅此处了解有关数组的好文章迭代性能。归根结底，即使对于非常大的数组，如果编码正确，这也不应该是一个非常昂贵的操作。

我要为您补充的一件事是您是否有机会在创建数据时更改数据的结构。例如：如果您有一个创建此数据的循环，您是否可以在创建年份“对象”数组的同时创建一个“值”数组？