Javascript正則表達式比賽即將推出null

Question

我正在嘗試編寫一個接收字符串的javascript函數，並計算元音的數量。顯示每個元音的數量，以及總數。如果每個元音都在字符串中，它會正常工作，但如果例如沒有A或E，它將返回null。

有沒有辦法我可以截取這個並用null替換null？還是有更高效的方法來實現這一目標？感謝任何能夠幫助的人！

function countVowels(inString) { 
 
    return outString = (
 
    "Total vowels: " + inString.match(/[aeiou]/gi).length + 
 
    "\nTotal A's: " + inString.match(/[a]/gi).length + 
 
    "\nTotal E's: " + inString.match(/[e]/gi).length + 
 
    "\nTotal I's: " + inString.match(/[i]/gi).length + 
 
    "\nTotal O's: " + inString.match(/[o]/gi).length + 
 
    "\nTotal U's: " + inString.match(/[u]/gi).length 
 
); 
 
}

<form> 
 
    Enter a string to count its vowels. <br> 
 
    <input type="text" id="inString"><br> 
 
    <button type="button" onclick="console.log(countVowels(inString.value))">Count vowels</button> 
 
</form>

Answer 1

可以的情況下，使用|| []爲默認的 「返回值」 .match返回null：

function countVowels(inString) { 
 
    return outString = (
 
    "Total vowels: " + (inString.match(/[aeiou]/gi) || []).length + 
 
    "\nTotal A's: " + (inString.match(/a/gi) || []).length + 
 
    "\nTotal E's: " + (inString.match(/e/gi) || []).length + 
 
    "\nTotal I's: " + (inString.match(/i/gi) || []).length + 
 
    "\nTotal O's: " + (inString.match(/o/gi) || []).length + 
 
    "\nTotal U's: " + (inString.match(/u/gi) || []).length 
 
); 
 
}

<form> 
 
    Enter a string to count its vowels. <br> 
 
    <input type="text" id="inString"><br> 
 
    <button type="button" onclick="console.log(countVowels(inString.value))">Count vowels</button> 
 
</form>

另外，請注意我的所有單字符刪除[]火柴。在正則表達式中，[a]和a是等效的。

如果該端是"truthy"，則||將返回運算符的左側。
如果左側是"falsy"，||將始終返回語句的右側，這是我們的默認值。

如果.match找到任何結果，它將返回一個數組，它是「truthy」。
如果.match未找到任何結果，則返回null，這是「虛假」。

Answer 2

問題不是正則表達式中而是在邏輯。

對於給定的inString說測試，它沒有元音a或o。所以正則表達式不會找到任何匹配，這會失敗。

你可以嘗試這樣的事情：

原始代碼：

function countVowels(inString) { 
 
    return outString = (
 
    "Total vowels: " + (inString.match(/[aeiou]/gi) || []).length + 
 
    "\nTotal A's: " + (inString.match(/[a]/gi) || []).length + 
 
    "\nTotal E's: " + (inString.match(/[e]/gi) || []).length + 
 
    "\nTotal I's: " + (inString.match(/[i]/gi) || []).length + 
 
    "\nTotal O's: " + (inString.match(/[o]/gi) || []).length + 
 
    "\nTotal U's: " + (inString.match(/[u]/gi) || []).length 
 
); 
 
}

<form> 
 
    Enter a string to count its vowels. <br> 
 
    <input type="text" id="inString"><br> 
 
    <button type="button" onclick="console.log(countVowels(inString.value))">Count vowels</button> 
 
</form>

更新的代碼

function countVowels(inString) { 
 
    var vowels = "aeiou"; 
 
    var ret = "Total vowels: " + getMatchLength(inString, vowels); 
 
    for(var i = 0; i< vowels.length; i++) 
 
    ret += "\nTotal " + vowels[i].toUpperCase() + "'s: " + getMatchLength(inString, vowels[i]) 
 
    return ret; 
 
} 
 

 
function getMatchLength(str, chars) { 
 
    return (str.match(new RegExp("["+ chars + "]")) || []).length; 
 
}

<form> 
 
    Enter a string to count its vowels. <br> 
 
    <input type="text" id="inString"><br> 
 
    <button type="button" onclick="console.log(countVowels(inString.value))">Count vowels</button> 
 
</form>

Answer 3

當match的結果爲null時，您可以添加使用條件運算符來輸出0而不是length。

爲了使其更具可讀性，您可以事先獲取長度，然後在最終的字符串中使用它。

function countVowels(inString) { 
 
    var aCount = inString.match(/[a]/gi) !== null ? inString.match(/[a]/gi).length : 0; 
 
    
 
    var eCount = inString.match(/[e]/gi) !== null ? inString.match(/[a]/gi).length : 0; 
 
    
 
    var iCount = inString.match(/[i]/gi) !== null ? inString.match(/[a]/gi).length : 0; 
 
    
 
    var oCount = inString.match(/[o]/gi) !== null ? inString.match(/[a]/gi).length : 0; 
 
    
 
    var uCount = inString.match(/[u]/gi) !== null ? inString.match(/[a]/gi).length : 0; 
 
    
 
    var vowelsCount = aCount + eCount + iCount + oCount + uCount; 
 
    
 
    var outString = "Total vowels: " + vowelsCount + 
 
    "\nTotal A's: " + aCount + 
 
    "\nTotal E's: " + eCount + 
 
    "\nTotal I's: " + iCount + 
 
    "\nTotal O's: " + oCount + 
 
    "\nTotal U's: " + uCount; 
 
    
 
    return outString; 
 
}

<form> 
 
Enter a string to count its vowels. <br> 
 
<input type="text" id="inString"><br> 
 
<button type="button" onclick="console.log(countVowels(inString.value))">Count vowels</button> 
 
</form>