仅对那些使用 map 通过条件的元素求和

Question

我有两个数组：
团队 A = [97, 112, 101]
团队 B = [109, 95, 123]

数组中的每个元素都是特定球队在一场比赛中的得分。我需要设置一个条件，仅将高于 100 的分数相加。因此，对于一个团队来说，条件是：如果团队得分高于 100，则该团队得分与另一个也高于 100 的团队得分相加，并且如果该得分的总和更高比另一队得分之和，该队获胜。

我坚信通过映射我可以得到高于 100 的分数，但我得到了一个新数组，其中第一个元素为 undefined。

我的代码示例：

const dolphinsGames = [97, 112, 101];
const koalasGames = [109, 95, 123];

const dolphinsScoreAbove = dolphinsGames.map((dolphinsGame) => {
if (dolphinsGame >= 100) {
    return dolphinsGame;
}
});
const koalasScoreAbove = koalasGames.map((koalasGame) => {
if (koalasGame >= 100) {
   return koalasGame;
}
});

结果是： enter image description here

Answer 1

Array#map 返回一个与数组长度相同的新数组，并获取每个项目的回调结果。

相反，您可以使用 Array#filter 过滤数组并返回或不返回项目，具体取决于过滤器函数。

const
    valid = score => score >= 100,
    add = (a, b) => a + b,
    dolphinsGames = [97, 112, 101],
    koalasGames = [109, 95, 123],
    dolphinsScore = dolphinsGames.filter(valid).reduce(add, 0),
    koalasScore = koalasGames.filter(valid).reduce(add, 0);

console.log(dolphinsScore, koalasScore);

if (dolphinsScore === koalasScore) console.log('draw');
else if (dolphinsScore > koalasScore) console.log('dolphins won');
else console.log('koalas won');

Answer 2

你的 cmets 是你需要的吗？虽然没有使用地图:(

const dolphinsGames = [97, 112, 101];
const koalasGames = [109, 95, 123];

const average = arr => arr.reduce( ( p, c ) => p + c, 0 ) / arr.length;

const dolphinsAvg = average(dolphinsGames);
const koalasAvg = average(koalasGames);

if(dolphinsAvg > 100 && koalasAvg > 100){
    if(dolphinsAvg === koalasAvg){
    console.log('draw') 
  }
  else if(dolphinsAvg > koalasAvg ){
    console.log('dolphins win')
  }
  else{
   console.log('koalas win')
  }
}
else{
    console.log('Average points is less than 100')
}

Answer 3

您可以使用 filter() 方法实现您所尝试的目标。与 map() 不同，过滤器回调函数期望返回 true/false。因此，我会将您的程序修改为，

const dolphinsGames = [97, 112, 101];
const koalasGames = [109, 95, 123];

const dolphinsScoreAbove = dolphinsGames.filter((dolphinsGame) => {
  if (dolphinsGame >= 100) {
      return true;
  }
  return false;
});

const koalasScoreAbove = koalasGames.filter((koalasGame) => {
  if (koalasGame >= 100) {
     return true;
  }
  return false;
});

console.log(dolphinsScoreAbove);
console.log(koalasScoreAbove);

Answer 4

Map 总是创建一个长度相同的数组，映射每个条目。在您的情况下，映射函数在您的“其他”情况下隐式返回 undefined。

解决这个问题的一种方法是使用flatMap:

dolphinGames.flatMap((dolphinGame) => dolphinGame >= 100 ? dolpinGame : [])

编辑： 正如 cmets 中所讨论的，即使此示例正在运行，但更好的选择是简单的 filter，因为我们实际上并没有更改映射函数中的元素。