如何使用类实例化填充数组

Question

我正在学习 JavaScript。我在网上找到了这个问题并尝试这样做。

创建 2 个类“Card”和“Deck”，它们代表一副标准的 52 张扑克牌。例如黑桃 A 或红桃 5。

接受 2 个参数“suit”和“rank”并将它们存储为公共属性的卡片类。 Deck 类有一个常量数组 [S, C, D, H]。 Deck 有一个常数数组[2,3,4,5,6,7,8,9,10,J,Q,K,A]。 Deck 有一个空的“cards”数组

在 Deck 实例化时，使用“Card”类用所有 52 张标准扑克牌填充卡片数组

我只用Deck 类通过遍历数组来做到这一点。但是如何使用单独的类呢？

class Deck {
  suits = ["S", "C", "D", "H"];
  ranks = [2, 3, 4, 5, 6, 7, 8, 9, 10, "J", "Q", "K", "A"];
  constructor(suits, ranks) {
    this.suits = suits;
    this.ranks = ranks;
    this.cards = [];
  }
  getAllCards() {
    var cards = new Array();

    for (var i = 0; i < suits.length; i++) {
      for (var x = 0; x < cards.length; x++) {
        var card = {
          Value: cards[x],
          Suit: suits[i]
        };
        cards.push(card);
      }
    }
  }
  return cards;
}

Answer 1

您可以使用Card 类而不是对象来表示每张卡片。

class Card {
  constructor(suit, rank) {
    this.suit = suit;
    this.rank = rank;
  }
}
class Deck {
  static suits = ["S", "C", "D", "H"];
  static ranks = [2, 3, 4, 5, 6, 7, 8, 9, 10, "J", "Q", "K", "A"];
  constructor() {
    this.cards = this.getAllCards();
  }
  getAllCards() {
    var cards = [];

    for (var i = 0; i < Deck.suits.length; i++) {
      for (var j = 0; j < Deck.ranks.length; j++) {
        var card = new Card(Deck.suits[i], Deck.ranks[j]);
        cards.push(card);
      }
    }
    return cards;
  }
}
console.log(new Deck().cards);

正如Scott Sauyet 所建议的那样，flatMap 和map 操作也可以应用于更简洁的代码。

class Card {
  constructor(suit, rank) {
    this.suit = suit;
    this.rank = rank;
  }
}
class Deck {
  static suits = ["S", "C", "D", "H"];
  static ranks = [2, 3, 4, 5, 6, 7, 8, 9, 10, "J", "Q", "K", "A"];
  constructor() {
    this.cards = Deck.suits.flatMap(suit => Deck.ranks.map(rank => new Card(suit, rank)));
  }
}
console.log(new Deck().cards);