使用javascript优化元音计数并获取每个元音的总数

Question

这是我包含在html中的javascript函数，能够计算每个元音并显示每个元音的总数以及最高元音，但是我觉得代码太长，无法帮助优化，使用条件语句太多了

Answer 1

我看到两种重构代码的简单方法：

首先，您使用的[aeiou]正则表达式已确保match [x]是这些元音之一。与其编写一个if语句来将match[x]与每个可能的值进行比较，不如使用这样初始化的对象：

vowelCount = { a: 0, e: 0, i: 0, o: 0, u: 0 }

然后您可以按以下方式增加每个元音的计数：

vowelCount[match[x]]++

第二，您一次又一次地写相同的代码，以确定要写在页面上的内容。

您可以编写一个函数，该函数以元音和该元音的计数作为参数来调用，并将该函数写入页面上的正确元素。可能看起来像这样。

function(vowel, count) {
    document.getElementById(`L${vowel}`).innerHTML = `<input value=${count}>`
}

您可以通过遍历数组Object.keys(vowelCount)

来调用该函数