使用 JavaScript 让用户输入5个数

引言

在编写 JavaScript 代码时，我们经常需要与用户进行交互，获取用户的输入数据。本文将介绍如何使用 JavaScript 来让用户输入5个数，并对这些数进行处理。

用户输入

JavaScript 提供了 prompt() 函数，用于向用户展示一个输入框，并等待用户输入数据。我们可以使用这个函数来让用户输入5个数。下面是代码示例：

let numbers = [];

for (let i = 0; i < 5; i++) {
  let number = parseFloat(prompt(`请输入第${i+1}个数：`));
  numbers.push(number);
}

在上面的代码中，我们使用了一个 for 循环来重复5次。每次循环时，我们通过 prompt() 函数向用户展示一个输入框，并等待用户输入的数据。用户输入的数据将会被转换为浮点数，并存储到一个名为 numbers 的数组中。

数组处理

获取到用户输入的5个数之后，我们可以对这些数进行各种处理，比如计算它们的和、平均值、最大值和最小值等等。下面是一些常见的处理示例：

计算和

let sum = 0;

for (let number of numbers) {
  sum += number;
}

console.log(`这5个数的和为：${sum}`);

在上面的代码中，我们使用一个 for...of 循环来遍历 numbers 数组中的每个元素，并将它们累加到 sum 变量中。最终，我们通过 console.log() 函数输出计算结果。

计算平均值

let sum = 0;

for (let number of numbers) {
  sum += number;
}

let average = sum / numbers.length;

console.log(`这5个数的平均值为：${average}`);

在上面的代码中，我们除了计算和之外，还额外计算了平均值。我们首先将所有数累加到 sum 变量中，然后通过除以数组长度来计算平均值。

计算最大值和最小值

let max = numbers[0];
let min = numbers[0];

for (let number of numbers) {
  if (number > max) {
    max = number;
  }

  if (number < min) {
    min = number;
  }
}

console.log(`这5个数中的最大值为：${max}`);
console.log(`这5个数中的最小值为：${min}`);

在上面的代码中，我们首先将 max 和 min 变量初始化为数组的第一个元素。然后，我们使用一个 for...of 循环遍历数组中的每个元素，比较它们与 max 和 min 的大小，更新 max 和 min 变量的值。

总结

本文介绍了如何使用 JavaScript 来让用户输入5个数，并对这些数进行处理。我们使用了 prompt() 函数来获取用户的输入数据，并使用数组和循环来进行处理。通过这些处理，我们可以计算出这5个数的和、平均值、最大值和最小值等结果。

以上是本文的内容，希望对你理解 JavaScript 中如何与用户进行交互和处理数据有所帮助。

关系图

下面是一个关系图，展示了本文中所涉及的对象和它们之间的关系。

erDiagram
    USERS ||--o{ NUMBERS : has
    NUMBERS ||--|{ RESULT : has

参考

  • [JavaScript prompt() 函数](