从数组中随机选择，然后将选择分配给一个变量

Question

我有一个从对象中随机选择怪物的函数。函数如下：

var travel = function(direction) {
        var newRoom = rooms[currentRoom.paths[direction]];
        if (!newRoom) {
            $("<p>You can't go that way.</p>").properDisplay();
        }
        else {
            currentRoom = newRoom;
            $("<p>You are now in the " + currentRoom.name + " Room.</p>").properDisplay();
                if (currentRoom.hasMonsters) {
                    function pickRand() {
                        var monsterArray = Object.keys(monsters);   
                        var randomKey = Math.floor(Math.random() * monsterArray.length);
                        return $("<p>Holy Crap!  There's a " + monsterArray[randomKey] + " in here!</p>").properDisplay();  
                    }
                    pickRand();

                }
        }
    };

这是对象：

var monsters = {
    zombie:  {
        hitPoints: 10,
        loot: "magic knife"
    },
    skeleton: {
        hitPoints: 15,
        loot: "magic shield"
    },
    ghoul:  {
        hitPoints: 12,
        loot: "magic helm"
    }
};  

设置为随机选择“僵尸”、“骷髅”或“食尸鬼”。一切正常。如何获取随机选择的内容并将其保存到变量中？

我尝试了一些类似的方法：

var beast = pickRand();

和

var beast = monsterArray;

但没有运气。我错过了什么？

Answer 1

看起来问题在于您正在返回 properDisplay 函数的返回值。

如果您使用怪物数组而不是地图，则可以在随机选择一个怪物时存储所有怪物信息：

var monsters = [
    {
        name: 'zombie',
        hitPoints: 10,
        loot: "magic knife"
    },
    {
        name: 'skeleton',
        hitPoints: 15,
        loot: "magic shield"
    },
    {
        name: 'ghoul',
        hitPoints: 12,
        loot: "magic helm"
    }
];

function pickRand(arr) {
    var index = Math.floor(Math.random() * arr.length);
    return arr[index];
}

var monster = pickRand(monsters);

现在你有了你的怪物，你可以展示它了：

$("<p>Holy Crap!  There's a " + monster.name + " in here!</p>").properDisplay();

演示：https://jsfiddle.net/louisbros/3cu9spfd/

Answer 2

var beast = pickRand(); 应该完全可以工作。你只需要在调用时正确分配变量吗？

var travel = function(direction) {
        var newRoom = rooms[currentRoom.paths[direction]];
        if (!newRoom) {
            $("<p>You can't go that way.</p>").properDisplay();
        }
        else {
            currentRoom = newRoom;
            $("<p>You are now in the " + currentRoom.name + " Room.</p>").properDisplay();
                if (currentRoom.hasMonsters) {
                    function pickRand() {
                        var monsterArray = Object.keys(monsters);   
                        var randomKey = Math.floor(Math.random() * monsterArray.length);
                        return $("<p>Holy Crap!  There's a " + monsterArray[randomKey] + " in here!</p>").properDisplay();  
                    }
                    var beast = pickRand();
                }
        }
    }