如何遍历对象数组和数组的嵌套数组

Question

我有目前用于kendo-ui图表的JSON。 我需要将数据用于网格，因此需要将数组的嵌套数据数组分离为自己的对象。 Javascript或linq.js可以正常工作。 这是我开始使用的JSON。

customSeries = [{
"name": "Chantal Hamlet - Green Castle Homes",
"subId": "10223",
"bldId": "13551",
"data": [
    [179900, 1386],
    [214900, 1440],
    [194500, 1496],
    [217900, 1504],
    [189900, 1542],
    [184900, 1546],
    [192500, 1570]
],

}, {
"name": "Ella Sea Condos - Sahnow Construction",
"subId": "9761",
"bldId": "27380",
"data": [
    [199900, 1500]
]
}, {
"style": "smooth",
"color": "blue",
"data": [
    [20000, 200],
    [40000, 400],
    [40000, 400]
],
"name": "Subject Property"
}]

我需要结束于2个单独的数组。

第一阵列

Array1 = [{
"name": "Chantal Hamlet - Green Castle Homes",
"subId": "10223",
"bldId": "13551"

}, {
  "name": "Ella Sea Condos - Sahnow Construction",
  "subId": "9761",
  "bldId": "27380"
}, {
"style": "smooth",
"color": "blue",
"name": "Subject Property"
}]

第二阵列

Array2 = [
{
    "data": [
        [179900, 1386],
        [214900, 1440],
        [194500, 1496],
        [217900, 1504],
        [189900, 1542],
        [184900, 1546],
        [192500, 1570]
    ]

}, {
    "data": [
        [199900, 1500]
    ]
}, {
    "data": [
        [20000, 200],
        [40000, 400],
        [40000, 400]
    ]
}

]

Answer 1

您可以使用Array.prototype.map方法。

var Array1 = customSeries.map(function(el) {
  return {
    name: el.name,
    subId: el.subId,
    bldId: el.bldId
  };
});

var Array2 = customSeries.map(function(el) {
  return {
    data: el.data
  };
});

更新：

当customSeries的元素没有data以外的固定键时，以上代码不起作用。

如果使用lodash ，则可以执行以下操作：

var Array1 = customSeries.map(function(el) {
  return _.omit(el, 'data');
});

var Array2 = customSeries.map(function(el) {
  return _.pick(el, 'data');
});

Answer 2

根据数组的长度，您可能希望一次完成此操作。 在这里使用linq.js并没有多大帮助，只会增加开销，而没有真正的好处。

如果您不希望删除原始数据，则可以通过遍历每个项目来同时处理它们，并在从项目中删除数据的同时将data数组的副本添加到第二个数组中。

var array1 = data,
    array2 = [];
array1.forEach(function (item) {
    array2.push({
        data: item.data
    });
    delete item.data;
});

如果您希望保留原始数据，则必须在处理它们时克隆每个项目。

var array1 = [],
    array2 = [];
data.forEach(function (item) {
    var noData = yourCloneMethod(item); // replace call with preferred clone method
    delete noData.data;
    array1.push(noData);
    array2.push({
        data: item.data
    });
});

Answer 3

您可能想研究使用lodash ，它具有许多出色的函数，可用于处理数组和执行MapReduce函数。