Question

我有JSON，我目前用于kendo-ui图表。我需要将数据用于网格，因此我需要将数组的嵌套数据数组分隔到自己的对象中。 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个独立的数组。

First Array

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函数。

如何循环遍历对象数组并分离嵌套的数组数组

3 个答案: