Javascript 根据另一个数组从一个数组中获取信息。 （也许合并也可以）

Question

开发者、黑客和观察者 :)

我有一个问题，我无法理解需要根据第一个数组从一个数组中提取数据的部分。

也许合并它们？有帮助吗

所以我有两个数组：

var teams = ["red", "red", "red", "red", "blue", "blue"];
var scores = [4, 45, 21, 34, 76, 56];

var scoreRed = [];
var scoreBlue = [];

var i;
var scoreBlueIndex;
for (i = 0; i < teams.length; i++){
  scoreBlueIndex = teams.indexOf("blue");
  scoreBlue = scores[scoreBlueIndex];
}

var ii;
var scoreRedIndex;
for (ii = 0; ii < teams.length; ii++){
  scoreRedIndex = teams.indexOf("red");
  scoreRed = scores[scoreRedIndex];
}


console.log(scoreRed);
console.log(scoreBlue);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

Answer 1

使用对象字面量和 Array.reduce，您可以执行类似 ->

的操作

var teams = ["red", "red", "red", "red", "blue", "blue"];
var scores = [4, 45, 21, 34, 76, 56];

var results = teams.reduce((a,c,i) => {
  return (a[c] = (a[c] || 0) + scores[i]) && a;
}, {});

console.log(`Red: ${results.red}`);
console.log(`Blue: ${results.blue}`);

return (a[c] = (a[c] || 0) + scores[i]) && a;

上面的代码可能看起来有点神秘，但是一旦你习惯了它们就不难了。首先，发送到a,c,i 的参数是reduce 函数发送的值，它们分别代表accumulator、currentValue 和currentIndex.. 更多关于reduce 的细节在这里-> https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce?v=a

a[c] =，这是我们设置对象字面量的地方，c 将等于 blue 或 red，因此它将扩展为 a["red"] = 或 a["blue"] =

a[c] || 0 因为我们存储在一个可能还不存在的对象字面量中，所以这只是将值设置为 0..

最后，我们只需使用数组的索引值i 加上当前分数，即可得到分数。 score[i]..

末尾的 && a 位 -> 使用 reduce 时，您通常会返回 accumulator，因此 (formula) && a 意味着它将始终返回 a。这只是一个简写，因此您不必使用另一行 return a。

Answer 2

变量是 scoreRed 和 scoreBlue 是标量变量，但您已将它们声明为数组。请参阅以下工作 sn-p。

var teams = ["red", "red", "red", "red", "blue", "blue"];
var scores = [4, 45, 21, 34, 76, 56];

var scoreRed=0;
var scoreBlue=0;

var i;
var scoreBlueIndex;
for (i = 0; i < teams.length; i++){
  scoreBlueIndex = teams.indexOf("blue", i);
  if(scoreBlueIndex > -1) {
    scoreBlue = scoreBlue + scores[scoreBlueIndex];
    i=scoreBlueIndex;
   }
   else break;
}

var ii;
var scoreRedIndex;
for (ii = 0; ii < teams.length; ii++){
  scoreRedIndex = teams.indexOf("red", ii);
  if(scoreRedIndex > -1) {
     scoreRed = scoreRed + scores[scoreRedIndex];
     ii=scoreRedIndex;
  }
  else break;
}


console.log(scoreRed);
console.log(scoreBlue);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>