Question

我是javascript的新手，我有一点问题。

作为我的第一个＆＃34;项目＆＃34;，我希望我的程序能够随机给我一张扑克牌。没什么好看的，但是我试图找出一种优雅的方式来做到这一点。到目前为止，我唯一的想法就是给出一张特定卡片的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

＆＃13;

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

＆＃13;

<强>更新

因为这引发了一些关于从非无限套牌（不是重复牌）处理的讨论，这里是一个典型的解决方案，产生一个完整的牌组，将其洗牌，然后处理牌。 cardIdToEnglish基本上就是上述解决方案。 shuffle是Fisher-Yates shuffle。请注意，使用来自套牌的 end 的pop促销，这可能看起来很奇怪，但也请注意这是无关紧要的。： - ）

＆＃13;

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

＆＃13;

Answer 2

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

＆＃13;

Largest = x;
Middle = y ;
smallest = z;

＆＃13;

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>';
  }
}

＆＃13;

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

如果您想要继续游戏＆＃34;

，您也可以选择从牌组中删除抽出的牌。

deck.splice(rand, 1);

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

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

Answer 4

这是一个有趣的问题。这就是我的想法...数字卡从2到9.如果我们继续使用整数作为卡值，则jack，queen，king和ace可以表示为10,11,12和13 ，分别。

但是，当然，我们有四个诉讼形式的四个值。一个快速的谷歌search显示，在英语国家，西装的相对价值可以从最低到最高排列为俱乐部，钻石，心形和黑桃。因此，我们可以说2-13是俱乐部，钻石14 - 25，心脏26 - 37，黑桃28 - 49。遵循此公式，您的随机数应介于2到49之间。

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

比＆＃34;切换＆＃34;更好的方式在javascript中

4 个答案: