如何更改对象内的数组

时间:2016-06-18 23:34:59

标签: javascript lodash

我有这个JSON

{
    "Entries": [{
        "JobId": 7322,
        "DayOfTheWeek": "Wednesday",
        "Punchouts": ["2016-05-05T09:50:00", "2016-05-05T12:20:00"],
        "PunchIns": ["2016-05-05T10:10:00", "2016-05-05T12:40:00"]
    }, {
        "JobId": 7322,
        "DayOfTheWeek": "Thursday",
        "Punchouts": ["2016-05-05T09:50:00"],
        "PunchIns": ["2016-05-05T09:40:00"]
    }]
}

我会把它改成

{
    "Entries": [{
        "JobId": 7322,
        "DayOfTheWeek": "Wednesday",
        "Punchout1": "2016-05-05T09:50:00",
        "Punchout2": "2016-05-05T12:20:00",
        "PunchIn1": "2016-05-05T10:10:00",
        "PunchIn2": "2016-05-05T12:40:00"
    }, {
        "JobId": 7322,
        "DayOfTheWeek": "Thursday",
        "Punchout1": "2016-05-05T09:50:00",
        "Punchout2": "",
        "PunchIn1": "2016-05-05T09:40:00"
        "PunchIn2": "",
    }]
}

我想压缩数组。该数组将具有最大长度= 2.即使长度为0/1,该数组应该具有 PunchOut1 / PunchOut2 PunchIn1 / PunchIn2

的空字符串

像这样实施。

for (var i = 0; i < data.Entries.length; i++) {
    var entry = data.Entries[i];
    if (entry["Punchouts"].length == 0) {
        entry["PunchOut1"] = "";
        entry["PunchOut2"] = "";
    }
    if (entry["Punchouts"].length == 1) {
        entry["PunchOut1"] = entry["Punchouts"][0];
        entry["PunchOut2"] = "";
    }
    if (entry["Punchouts"].length == 2) {
        console.log("in");
        entry["PunchOut1"] = entry["Punchouts"][0];
        entry["PunchOut2"] = entry["Punchouts"][1];
    }
    delete entry["Punchouts"];
    // do same for PunchIns.
}

小提琴:https://jsfiddle.net/codeandcloud/rpgx28gy/

什么是更优化的(最好是lodash)方式?

1 个答案:

答案 0 :(得分:1)

var remappedEntries = _.map(data.Entries, e => ({
    JobId: e.JobId,
    DayOfTheWeek: e.DayOfTheWeek,
    PunchOut1: e.PunchOuts[0] || "",
    PunchOut2: e.PunchOuts[1] || "",
    PunchIn1: e.PunchIns[0] || "",
    PunchIn2: e.PunchIns[1] || "",
}));

这使用了lodash的映射,它迭代每个值并为您提供一个iteratee函数,您可以使用该函数将该条目重新映射到另一个对象。请注意,您根本不需要使用lodash,您可以使用Array.prototype.map函数,假设您的目标浏览器支持它。你也可以使用垫片。

如果您想要修改完全相同的对象而不是获取副本,则可以使用_.forEach,或继续使用map并丢弃上一个对象。真的取决于你的情况。

我还使用了箭头功能,使其更简单,从每个&#34; e&#34;到要返回的对象。或者,这可以是带有一个参数的命名或匿名函数。

对于每次打孔,我都会利用你可以检查一个阵列,即使它没有一个物体。在这种情况下,它将返回undefined。对于那些,我们默认它们通过使用条件来清空字符串,或者因为undefined被认为是&#34; falsy&#34;这样表达式将返回空字符串。如果它有值,则使用该值。