javascript - For 循环、映射和 forEach Javascript

Question

我正在尝试创建一副 52 张牌。我可以使用双 for 循环轻松创建它，但它具有 O(n2) 复杂性。所以我尝试使用 map() 和 forEach() 数组方法，但事情很复杂，因为它们需要返回东西。下面是我的代码。

(function deckCreate() {
  var values = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13];
  var suits = ["clubs", "diamonds", "hearts", "spades"];
  var newDeck = values.map(function(xValue) {
    suits.forEach(function(xSuit) {
      return [xSuit,xValue];
    });
  });
  return newDeck;
}());

它给出了一个长度为 13 的数组，里面都是未定义的。我尝试在 map() 之前交换 forEach() 以防万一，但结果是一样的。

我在这些函数中使用 console.log() 时发现的问题是元素没有相互映射，而是全部单独打印。可能是什么问题？

Answer 1

您没有从 map 函数返回任何内容，因此隐式返回值为 undefined，因此您的数组包含 13 个 undefined 值.

suits.forEach 需要return suits.map。这将为您提供一个包含 13 个元素的数组，其中每个元素都是一个包含四个元素的数组，其中 inner 数组的每个元素都是两个元素 [suit, value]大批。然后，您可以减少顶级数组为您想要的 52 元素数组:

var newDeck = values.map(function(xValue) {
  return suits.map(function(xSuit) {
    return [xSuit,xValue];
  });
}).reduce(function (a, b) { return a.concat(b) });