如何从循环中找到所有数组项的位置

Question

我是编程新手，所以如果这是一个简单的问题，我深表歉意。

我有一个独特的练习题，我不太确定如何解决：

我正在处理两个数组，两个数组都是从页面上的 HTML 元素中提取的，一个数组代表一堆状态，下一个数组代表它们的人口。问题的关键在于打印各州的名称及其低于平均水平的人口。

要查找并打印所有低于我使用此代码的平均值的总体：

  function code6() {
    // clears screen.
    clr();
    // both variables pull data from HTML elements with functions.
    var pop = getData2();
    var states = getData();
    var sum = 0;
    for( var i = 0; i < pop.length; i++ ){
      sum += parseInt( pop[i], 10 );
      var avg = sum/pop.length;
      if (pop[i] < avg) {
        println(pop[i]);

        // other functions used in the code to get data, print, and clear the screen.
        function getData() {
          var dataSource = getElement("states");
          var numberArray = dataSource.value.split('\n');
          // Nothing to split returns ['']
          if (numberArray[0].length > 0) {
            return(numberArray);
          } else {
            return [];
          }  
      }

    // Get the data from second data column
    function getData2() {
      var dataSource = getElement("pops");
      var numberArray = dataSource.value.split('\n');
      // Nothing to split returns ['']
      if (numberArray[0].length > 0) {
        return(numberArray);
      } else {
        return [];
      }  
    }

    // Clear the 'output' text area
    function clr() {
      var out = getElement("output");
      out.value = "";
    }

    // Print to the 'output' HTML element and ADDS the line break
    function println(x) {
      if (arguments.length === 0) x = '';
      print(x + '\n');
    }

现在我只需要知道如何获取数组中这些位置的值，这样我就可以从状态数组中提取相同的位置并并排显示它们。两个数组的项目数量相同。

我希望这是有道理的，并提前感谢任何有时间查看此内容的人。

最好的问候，

-E

Answer 1

很难说出你想要完成什么，但我猜你会追求类似的东西：

'use strict'

function code6() {
  const populations = ['39000000', '28000000', '21000000'];
  const stateNames = ['california', 'texas', 'florida'];
  const states = populations.map((population, i) => ({
    'name': stateNames[i],
    'population': Number(population),
  }));

  const sum = states.reduce((sum, state) => sum + state.population, 0);
  const average = sum / populations.length;
  states
      .filter(state => state.population < average)
      .forEach(state => {
        const name = state.name;
        const population = state.population;
        console.log(`state name: ${name}, population: ${population}`);
      });
}

// run the code
code6();
// state name: texas, population: 28000000
// state name: florida, population: 21000000

我冒昧地将您的代码重构为更现代 (es6) 和惯用的代码。我希望它不会让你感到困惑。如有任何问题，请随时提出。

简而言之，您应该使用：

• 文件顶部的“使用严格”
• 常量/让
• 使用 map/filter/forEach/reduce 来迭代列表。
• 使用有意义的名称

，你应该避免：

• 经典的索引 for 循环
• parseInt

，而且几乎从未使用过：

• 变量

Answer 2

如果您的states 数组是用与您的pop 对应的索引构建的，如下所示：

states; //=> ['Alabama', 'Alaska', 'Arizona', ...]
pop; //=> [4863300, 741894, 6931071, ...]

那么您可以简单地更新您的打印语句以将其考虑在内：

  if (pop[i] < avg) {
    println(state[i] + ': ' + pop[i]);
  }

或者类似的。

但是，使用共享索引可能是一种非常脆弱的数据使用方式。您能否重新考虑您的 getData 和 getData2 函数并将它们组合成一个返回类似于以下结构的结构？

states; //=> [
        //     {name: 'Alabama', pop: 4863300}
        //     {name: 'Alaska', pop: 741894},
        //     {name: 'Arizona', pop: 6931071},
        //    ...]

这将需要更改上面的代码以使用这些对象的 pop 属性，但它可能更健壮。

Answer 3

如果您的 pop 和 state 看起来像：

var state = ['state1', 'state2', ...];
var pop = ['state1 pop', 'state2 pop', ...];

那么首先，avg 已经错了。 sum 的值与将 avg 的公式转换为 sum as of iteration / array length 而不是 sum of all pops / array length 的循环一起运行。您应该事先计算平均值。 array.reduce 将成为你的朋友。

var average = pop.reduce(function(sum, val){return sum + val;}, 0) / pop.length;

现在对于您的过滤操作，您可以：

1. 使用array.map 将两个数组压缩为一个数组。
2. 使用array.filter过滤结果数组。
3. 最后，使用array.forEach 循环遍历结果数组

这里是示例代码：

var states = ['Alabama', 'Alaska'];
var pop = [4863300, 741894];
var average = pop.reduce(function(sum, val){return sum + val;}) / pop.length;

console.log('Average: ' + average);

states.map(function(state, index) {

  // Convert 2 arrays to an array of objects representing state info
  return { name: state, population: pop[index] };
  
}).filter(function(stateInfo) {
  console.log(stateInfo);

  // Filter each item by returning true on items you want to include
  return stateInfo.population < average;
  
}).forEach(function(stateInfo) {

  // Lastly, loop through your results
  console.log(stateInfo.name + ' has ' + stateInfo.population + ' people');
  
});