比javascript中的“switch”更好的方法

Question

我对 javascript 很陌生，但遇到了一点小问题。

作为我的第一个“项目”，我希望我的程序给我一张随机扑克牌。没什么了不起的，但我正在尝试找出一种优雅的方式来做到这一点。 到目前为止，我唯一的想法是给一个 1 到 52 之间的随机数一张特定的卡片，但必须有更好的方法。

这是我当前的代码：

function newCard() {
var card_id = document.getElementById("card_id");
var c1 = Math.floor(Math.random() * 52) + 1;
switch(c1) {
    case 1:
        c1 = "ace of spades";
        break;
    case 2:
        c1 = "2 of spades";
        break;
    case 3:
        c1 = "3 of spades";
        break;  


    // ...I think you get the idea here


         } 

card_id.innerHTML = c1;
}

你对我有什么提示吗，如何让它更快/更好？

Answer 1

function newCard() {
  // Pick from 0 to 51, not 1 to 52
  var cardId = Math.floor(Math.random() * 52);
  
  var ranks = ["ace", "2", "3", "4", "5", "6", "7", "8", "9", "ten", "jack", "queen", "king"];
  var suits = ["spades", "hearts", "diamonds", "clubs"];
 
  // % is the modulo operator, so 0 => 0, 1 => 1, ... 12 => 12, 13 => 0, 14 => 1, ...
  // Math.floor(cardId / 13) gets the suit (0, 1, 2, 3)
  return ranks[cardId % 13] + " of " + suits[Math.floor(cardId / 13)];
}

for (var i = 0; i < 10; i++) {
  console.log(newCard());
}

更新

因为这引发了一些关于从非无限套牌（不是重复牌）发牌的讨论，所以这里有一个典型的解决方案，它产生一副完整的牌，洗牌，然后发牌。 cardIdToEnglish 基本上就是上面的解决方案。 shuffle 是 Fisher-Yates shuffle。请注意，从套牌的end 使用pop 进行交易，这可能看起来很奇怪，但请注意这无关紧要。 :-)

function cardIdToEnglish(id) {
    var ranks = ["ace", "2", "3", "4", "5", "6", "7", "8", "9", "ten", "jack", "queen", "king"];
    var suits = ["clubs", "diamonds", "hearts", "spades"];

    return ranks[id % 13] + " of " + suits[Math.floor(id / 13)];
}

function shuffle(arr) {
    // Fisher-Yates shuffle
    var n = arr.length;

    for (var i = 0; i < arr.length - 2; i++) {
        var j = Math.floor(Math.random() * (n - i)) + i;

        // Swap a[i] and a[j]
        var temp = arr[i];
        arr[i] = arr[j];
        arr[j] = temp;
    }
}

function newDeck() {
    var deck = [];
    for (var i = 0; i < 52; i++) {
        deck.push(i);
    }

    shuffle(deck);
    return deck;
}

var deck = newDeck();
for (var i = 0; i < 52; i++) {
    var card = deck.pop();
    console.log(cardIdToEnglish(card));
}

Answer 2

我将创建一个包含所有卡片的数组作为花色和等级的对象（使用嵌套的 forEach 循环以方便 - 迭代花色和等级数组），然后使用随机数生成卡片 ID。这将给出该卡的等级和花色。然后我从牌堆中取出卡片 - 以防止它被发两次并减少可用卡片的数量）。这样做意味着选择的卡是随机的并且不重复。我还添加了一个按钮，可以重置所有内容并允许进一步处理 10 张牌。

var deck = [];

function setCards(){
  var suits = ["Spades", "Hearts", "Diamonds", "Clubs"];
  var ranks = ["Ace", "2", "3", "4", "5", "6", "7", "8", "9", "Ten", "Jack", "Queen", "King"];
  
  
  //creates an array of card objects that have the rank and suit as properties
 //eg: deck = [ {suit: "Spades", rank: "Ace"}, {suit: "Spades", rank: "2"},...etc] 
  suits.forEach(function(suit){
     ranks.forEach(function(rank){
      var card = {};
      card.suit = suit;
      card.rank = rank;
      deck.push(card);
     });
      
    });
}

function newCard(count) {
  //decreases the count of the deck since some cards have already been dealt
  var remainingCards = 52 - count;
  var index = Math.floor(Math.random() * remainingCards);
  var card= deck[index];
  deck.splice(index,1); //removes the selected card from the deck
  return card;
 }

function dealCards() {
  document.getElementById('hand').innerHTML = '<dt>My Hand </dt>';
  setCards();
  
  for (var i = 0; i < 10; i++) {
  var card = newCard(i);
  document.getElementById('hand').innerHTML += '<dd>'+ card.rank +  ' of '  + card.suit + '</dd>';
  }
}

<button type="button" onclick="dealCards()">Deal New Hand</button>
<hr/>


<dt id = "hand"></dt>

Answer 3

这是一个想法：

var deck = ['ace of spades', 'two of spades', 'three of spades', '...']; 
// and so on, all 52 cards
var rand = Math.floor(Math.random() * 52);

console.log(deck[rand]); // will print a random card from the deck

如果您想继续“游戏”，也可以从牌组中取出抽出的牌。

deck.splice(rand, 1);

在此之后，您需要为较小的牌组重新生成随机数：

rand = Math.floor(Math.random() * deck.length); 

Answer 4

这是一个有趣的问题。这就是我的想法……数字卡从 2 到 9。如果我们继续使用整数作为卡值，则杰克、皇后、国王和王牌可以分别表示为 10、11、12 和 13 .

但是，当然，我们有四个以四种花色形式存在的值。快速谷歌search 显示，在英语国家，花色的相对价值可以从最低到最高排列为梅花、方块、红心和黑桃。因此，我们可以说 2 - 13 是梅花，14 - 25 方块，26 - 37 红心，28 - 49 黑桃。按照这个公式，你的随机数应该在 2 到 49 之间。

因此，考虑到这一点，您可以编写一个函数来进行一些数学运算，以根据生成的数字确定确切的卡片。显然，您不能两次发同一张牌，因此一旦生成了一个数字，就应该将其存储在发牌数组中。每次生成一个数字时，您都需要检查该数字是否在发牌数组中。如果是，您将需要生成另一个数字。我有一个设置和检查这个数组的方法的想法。如果您认为我的想法值得追求，请告诉我，我会将其添加到此答案中。