我怎么能compress/optimize这个代码（jQuery）？

Question

我正在寻求优化此代码并希望减少 space。我是 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]);
});

我怎么能compress/optimize这个代码（jQuery）？

How could I compress/optimize this code (jQuery)?

javascript

jquery

dry