此 Javascript 代码的基本和简单说明

Question

我是 Web 开发的新手，目前正在处理 Javascript。

有人可以用简单明了的英语向我解释这段代码从头到尾的含义。

 const vowels = ['a', 'e', 'i', 'o', 'u', 'A', 'E', 'I', 'O', 'U']; function countVowels(sentence) { let counts = 0; for(let i = 0; i < vowels.length; i++) { if(vowels.includes(sentence[i])) { counts++; } } return console.log(counts); } countVowels('Hello World'); countVowels('AaEeIiOoUu'); countVowels('aaaaa');

我正在尝试编写将打印出句子中的元音的代码，而不是计算它们。

请帮助！

Answer 1

我正在尝试编写将打印出句子中的元音的代码，而不是计算它们。

为此，您应该遍历句子本身中的字符，然后查看该字符是否在元音数组中。

function countVowels(sentence) {
  let vowelsInSentence = [];
  let counts = 0;
  for(let i = 0; i < sentence.length; i++) {
    if(vowels.includes(sentence[i]) && !vowelsInSentence.includes(sentence[i])) {
      vowelsInSentence.push(sentence[i]);
    }
  }
  return console.log(vowelsInSentence);
}

您也可以通过强制所有字符为toLowerCase来删除一半的数组。

注意：我没有测试过这个，但它应该添加所有找到的唯一元音，将它们添加到列表中，然后将它们打印出来。

注意 注意： 有更有效的方法来做到这一点，但一些阅读和玩耍会更好地学习。

Answer 2

如果您有兴趣在传递的句子中打印所有元音，只需将您的 countVowel 函数更改为

function printVowels(sentence) {
  for(let i = 0; i < sentence.length; i++) {
    if(vowels.includes(sentence[i])) {
      console.log(sentence[i]);
    }
  }
}

此代码将打印传递给 printVowel 函数的句子中存在的所有元音。

Answer 3

你的代码

1. 创建元音数组。

2. 你有一个函数可以计算作为参数给出的句子中的元音（尽管你应该循环遍历这个句子，而不是其他海报指出的数组）。

3. 你正在记录计数。

这里还有其他答案可以帮助您更正您的代码，但这里有一个替代方法。

使用正则表达式将字符串与元音match 。 match将返回一个数组，然后您可以将其join到一个新字符串中。

 function getVowels(sentence) { return sentence.match(/[aeiou]/gi).join(''); } console.log(getVowels('Hello World')); console.log(getVowels('AaEeIiOoUu')); console.log(getVowels('aaaaa'));

Answer 4

您正在解决的问题是“如何在字符串中找到与条件匹配的所有符号（元音）”

正如@Pogridis 在他们的评论中提到的，您的 for 循环不正确。 它遍历元音数组['a', 'e', 'i', 'o', 'u', 'A', 'E', 'I', 'O', 'U']并检查如果句子中第 i 位置的符号是元音。

考虑这一步一步的代码： 0. 你定义数组vowels 0. 一个函数countVowels被定义

1. call countVowels("Hello World')步入函数
2. sentence === 'Hello World'
3. for(let i=0; i<vowels.length; i++)注意元音是定义在上面的数组，所以循环会遍历它。 vowels.length == 10 while sentence.length === 11所以这个循环永远不会到达Hello World的最后一个符号（想象一下如果字符串更长）
4. if(vowels.includes(sentence[i]))检查位置i处的符号（在第一次迭代时它是 0，所以H ）是否在vowels数组中（它不是，所以false ）
5. for循环继续i is then 1, 2, 3, 4, 5, 6, 7, 8 and 9
6. 当i为 1、4 和 7 时， count会增加，因为vowels.includes(sentence[i])为真。
7. 最后当 for 循环结束时（虽然从未检查过最后一个字母）函数返回，但它返回console.log函数调用的返回值 - 这是undefined

要获得句子中的所有元音，您至少需要进行两次调整：

1. 迭代句子，而不是元音数组，以便您始终检查其中的所有字母。
2. 您需要将它们打印出来，而不是计算元音。 我建议您实际上将它们全部收集在数组中 - 然后很容易计算它们并打印它们。

const vowels = ['a', 'e', 'i', 'o', 'u', 'A', 'E', 'I', 'O', 'U'];

function getVowels(sentence) {
    let vowelsInSentence = [];
    for (let i = 0; i < sentence.length; i++) { // iterate over `sentence`
        if (vowels.includes(sentence[i])) {
            vowelsInSentence.push(sentence[i]);
        }
    }
    return vowelsInSentence; // it is better to return a value, this way code which calls the function can decide what to do with the result
}

console.log(getVowels('Hello World'));
console.log(getVowels('AaEeIiOoUu'));
console.log(getVowels('aaaaa'));

这是相同代码的更高级版本：

const vowels = new Set(['a', 'e', 'i', 'o', 'u', 'A', 'E', 'I', 'O', 'U']); // set is more efficient data structure for lookups

function getVowels(sentence) {
    return sentence
            .split('') // this returns an array of all the letters in a string, i.e. ['H', 'e','l','l','o',' ','W','o','r','l','d']
            .filter(letter => vowels.has(letter)); // this checks every element of an array to match a condition and returns an array of all elements where the check returned `false`
}

console.log(getVowels('Hello World'));
console.log(getVowels('AaEeIiOoUu'));
console.log(getVowels('aaaaa'));