我如何压缩/优化此代码（jQuery）？

Question

我正在寻求优化此代码，并希望减少空间。 我对JavaScript和jQuery相当陌生，所以我不太确定如何实现。

rankedSolo5["Wins"] = jsonData.playerStatSummaries[5].wins;
$("#rankedWinsSolo5 .statsValue").html(rankedSolo5["Wins"]);

rankedSolo5["Assists"] = jsonData.playerStatSummaries[5].aggregatedStats.totalAssists;
$("#rankedAssistsSolo5 .statsValue").html(rankedSolo5["Assists"]);

rankedSolo5["Kills"] = jsonData.playerStatSummaries[5].aggregatedStats.totalChampionKills;
$("#rankedKillsSolo5 .statsValue").html(rankedSolo5["Kills"]);

rankedSolo5["MinKills"] = jsonData.playerStatSummaries[5].aggregatedStats.totalMinionKills;
$("#rankedMinKillsSolo5 .statsValue").html(rankedSolo5["MinKills"]);

rankedSolo5["NeutralMinKills"] = jsonData.playerStatSummaries[5].aggregatedStats.totalNeutralMinionsKilled;
$("#rankedNeutralMinKillsSolo5 .statsValue").html(rankedSolo5["NeutralMinKills"]);

rankedSolo5["TurretsKilled"] = jsonData.playerStatSummaries[5].aggregatedStats.totalTurretsKilled;
$("#rankedTurretsKilledSolo5 .statsValue").html(rankedSolo5["TurretsKilled"]);

Answer 1

使用涉及在属性名对象rankedSolo5那些在aggregatedStats ：

var fields = {
    "Wins": "wins",
    "Assists": "totalAssists",
    "Kills": "totalChampionKills",
    ...
};

然后，您可以对此进行循环执行相同的操作：

$.each(fields, function(rankedProp, statsProp) {
    rankedSolo5[rankedProp] = jsonData.playerStatSummaries[5][statsProp];
    $("#ranked" + rankedProp + "Solo5 .statsValue").html(rankedSolo5[rankedProp]);
});