如何根据提示输入数据制作数组？答案

【问题标题】：How to make an array from prompt input data?如何根据提示输入数据制作数组？
【发布时间】：2020-10-08 02:03:36
【问题描述】：

我正在尝试做一个项目，但我只了解我需要做的一些点点滴滴。目标：创建一个网页，提示用户输入一个代表用户打算输入多少温度的数字。然后，用户将一次输入一个温度值，当达到该值时，程序会在屏幕上单独显示输入的每个温度，然后显示已经输入的温度的平均值收集。

我目前的问题是我不知道如何根据提示输入创建数组。提示是我希望它们成为的方式，但在那之后我迷路了。我写了一个我认为我正在寻找的想法，但这甚至可能不是正确的方向。在我弄清楚数组部分之后，我需要弄清楚如何平均数字，但这不是我最关心的问题。底部的 document.write() 是我希望最终出现在屏幕上的布局。

var number = parseInt( window.prompt("How many temperatures would you like to average?"));
for (var i = 0; i < number; i++) {
    window.prompt("Enter temperature")
}
var temps = new Array(number[i]);
for (var j = 0; j < temps.length; j++); {
    document.write(temps[j] + "<br>");
}
document.write("There are" + number + "temperatures to average." + "<br>" + temps[j] + "<br>"
        + "The average of your temperatures is:" + avg);

【问题讨论】：

创建一个数组并将“输入温度”提示符的响应推送到其中，例如const temps = []; for (let i = 0; i < number; i++) temps.push(prompt("Enter temperature"))
你需要将window.prompt()的结果赋值给一个变量。
number[i] 是错误的。 number 不是数组，是你要创建的数组的长度。
使用表格，提示会让你发疯
如果您的老师告诉您使用document.write() 来显示您的网页，请告诉他们加入 21 世纪。

标签： javascript arrays loops prompt

【解决方案1】：

只需几行额外的代码，您就可以在不使用 window.prompt() 的情况下完成此操作，而且用户体验更友好。

也许有点意思。

new Vue({
  el: '#app',
  computed: {
    avarage: function() {
      if (!this.result.length) return 0;
      return this.result.reduce((a, b) => a + b, 0) / this.result.length
    }
  },
  data() {
    return {
      temperatures: 0,
      result: []
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.14/vue.min.js"></script>

<div id="app">
  <div>
    How many temperatures would you like to average?<br>
    <input type="text" v-model.number="temperatures" />
  </div>

  <div v-if="temperatures">
    <h4>Temps</h4>
    <div v-for="(temp, index) in temperatures">
      {{index+1}}. <input type="text" @input="$set(result, index, parseInt($event.target.value, 10))" placeholder="enter temperature" />
    </div>

    <h4>Avarage Temp</h4>
    <div>{{ avarage }}</div>
  </div>
</div>

【讨论】：