javascript - 我如何压缩/优化这段代码(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 中的属性名称与 aggreatedStats 中的属性名称相关联:

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]);
});