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

Question

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

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

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

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

我通过循环阵列仅使用Deck class 做到了这一点。 但是如何使用单独的 class 来做到这一点？

 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 而不是 object 来表示每张卡片。

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