javascript - 将对象保存在数组中以获得高分列表

Question

我正在使用 JQuery/Javascript 制作一个刽子手游戏，现在我想要一个高分表。我的想法是创建一个对象数组，但问题是当我尝试将游戏结果作为一个对象(玩家名称:玩家分数对)存储在一个数组中时，我的文本输出是“object Object”而不是值。

var playerName;
var playerScore;
var gameResult = {};
var highscoreList = [];


function toHighscoreList() {
    playerName = $('#nameTag').text();   // for example value "Henry"
    playerScore = guessedWrong.length;   // for example value 3

    gameResult = {player: playerName, score: playerScore};
    highscoreList[highscoreList.length] = gameResult;

    $('#score1').text(highscoreList[0]);
};

我也试过这个版本，结果相同:

function toHighscoreList() {
    playerName = $('#nameTag').text();   
    playerScore = guessedWrong.length; 
    gameResult = {player: playerName, score: playerScore};

    localStorage.setItem('gameResult', JSON.stringify(gameResult));

    $('#score1').text(JSON.parse(localStorage.getItem('gameResult')));
};

是否有另一种方法来存储多个键值对？我仍然希望能够轻松修改高分列表，以便我可以使用 sort() 方法进行排名，并将低分替换为高分。

Answer 1

你可能想对你的高分进行排序，所以试试:

var playerName;
var playerScore;
var gameResult = {};
var highscoreList = [];

function toHighscoreList() {
    playerName = $('#nameTag').text();   // for example value "Henry"
    playerScore = guessedWrong.length;   // for example value 3

    gameResult = {player: playerName, score: playerScore};
    highscoreList.push(gameResult);
    highscoreList.sort(function(a,b) { return (b.score - a.score ) });

    $('#score1').text(highscoreList[0].player + " - score: "+ highscoreList[0].score);
};