如何在一个 prompt 中获取多个输入 - TypeScript

在某些场景下，我们需要从用户那里获取多个输入。在 TypeScript 中，我们可以通过 window.prompt() 方法来实现这一目标。

简单的多个 prompt

最简单的方式是使用多次 window.prompt() 方法来获取每个输入。例如：

const firstName = window.prompt('请输入您的名字');
const lastName = window.prompt('请输入您的姓氏');
const age = window.prompt('请输入您的年龄');

console.log(`您的姓名是 ${firstName} ${lastName}，年龄为 ${age} 岁`);

分隔符输入

除了使用多个 prompt，我们还可以在输入中添加一个特殊分隔符用于分割每个输入。例如，我们可以使用 , 分隔每个输入：

const userInput = window.prompt('请输入您的姓名、姓氏和年龄，以逗号分隔');

const [firstName, lastName, age] = userInput.split(',');

console.log(`您的姓名是 ${firstName} ${lastName}，年龄为 ${age} 岁`);

使用正则表达式匹配输入

有时候，我们需要更复杂的输入验证，这时候可以使用正则表达式来匹配输入。例如，我们可以使用以下代码来匹配输入中的姓名和年龄：

const userInput = window.prompt('请输入您的姓名和年龄，以空格分隔');

const regex = /^(\w+)\s+(\d+)$/g;
const matches = regex.exec(userInput);

if (matches) {
  const [_, firstName, age] = matches;
  console.log(`您的姓名是 ${firstName}，年龄为 ${age} 岁`);
} else {
  console.log('输入不合法');
}

以上代码使用了正则表达式来匹配输入中的姓名和年龄，并根据匹配结果输出不同的内容。

总结

在 TypeScript 中，我们可以使用多个 prompt、分隔符输入或正则表达式匹配来获取多个用户输入。根据不同需求，我们可以选择最合适的方法来实现我们的目标。