javascript - 尝试使用 For Loop 创建一副纸牌

Question

我正在尝试使用 2 个数组创建一副纸牌。一个数组是花色，另一个是值。我的想法是使用 for 循环遍历数组来创建 52 张卡片组。但是，我似乎无法正确使用语法。

我尝试使用 forEach 方法。

var deck = [];
var suits = ["diamonds", "spades", "hearts", "clubs"];
var values = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"];

suits.forEach(function(suits) {
  deck.push(suits);
  deck.push(values);
});

console.log(deck)

Answer 1

您需要两个循环，一个在花色上，一个在面值上，例如

var deck = [];
var suits = ["diamonds", "spades", "hearts", "clubs"];
var values = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"];

suits.forEach(function(suit) {
  values.forEach(function(value) {
    deck.push(`${value} of ${suit}`);
  });
});

console.log(deck);

或者，您可以使用 flatMap :

var suits = ["diamonds", "spades", "hearts", "clubs"];
var values = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"];
var deck = suits.flatMap(suit => values.map(value => `${value} of ${suit}`));

console.log(deck);

注意:某些旧版浏览器不支持 flatMap，因此您可能需要 polyfill。

并且仅出于演示目的，您也可以使用 Ramda 执行此操作的 map和 xprod :

var suits = ["diamonds", "spades", "hearts", "clubs"];
var values = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"];
var deck = R.map(([suit, value]) => `${value} of ${suit}`, R.xprod(suits, values));

console.log(deck);

<script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.min.js"></script>