檢查新行是否使用正則表達式

Question

我寫一個JavaScript來在結束對非英文字符添加{Y}開始和{/ y）的存在。我也需要它保留空行。但在目前的情況下，它將{y} {/ y）添加到空行/新行。

var lyrics = document.getElementById('userInput'); 
 

 
function printSong() { 
 
    var input = lyrics.value; 
 
    var lines = input.split('\n'); 
 
    var generatedText = ""; 
 
    for (var i = 0; i < lines.length; i++) { 
 
    if (lines[i].match(/[A-z]|[0-9]{2}/) != null | lines[i].match(/\s/) != null) { 
 
     generatedText = generatedText + lines[i] + '\n'; 
 
    } else { 
 
     generatedText = generatedText + "{y}" + lines[i] + "{/y}" + '\n'; 
 
    } 
 
    } 
 
    document.getElementById('output').value = generatedText; 
 
}

<div class="container-fluid"> 
 
    <div class="col-xs-12"> 
 
    <div class="col-xs-5"> 
 
     <textarea id="userInput" class="form-control" cols="40" rows="10" placeholder="Enter song lyrics here">testing 
 

 
அஇஉ்உ்உ</textarea> 
 
    </div> 
 
    <div class="col-xs-2" style="text-align: center"> 
 
     <button type="button" class="btn btn-success" onclick="printSong()">Generate tags</button> 
 
    </div> 
 
    <div class="col-xs-5"> 
 
     <textarea disabled id="output" class="form-control" cols="40" rows="10" placeholder="Generated Song"></textarea> 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

避免將您的標記，以空行是簡單地添加

!lines[i].trim() || 

...你if年初的事。這取得了這一行，剝去了任何前導和尾隨的空白，並查看結果是否爲空。 （""是falsy值，所以!""是true）。如果它是空白的，它跳過正則表達式檢查（因爲||短路，如果左邊的操作數是truthy），我們進入if塊（所以我們不要將標記添加到空行）。

但作爲Wiktor pointed out：

• 對於邏輯或運算，它的||，不|
• [A-z]匹配大寫字母A和小寫字母Z之間的所有字符。 Z之後和之前有很多字符也會匹配。

另外：​​表示「單個字符A到Z或兩個數字」。如果這就是你的真正意思，那很好，但是如果你的意思是「兩個字符是A到Z或0到9」，你可以將它們組合成一個單獨的字符類。我還沒有做到了這一點，在理論上你可能想要的條件是這樣的。

最後：如果你想要做的是檢查是否字符串表達式匹配，你不想match;相反，在表達式上使用test。例如。

if (string.match(expression) != null) 

成爲

if (expression.test()) 

，一旦讓正則表達式引擎停止，因爲它知道結果，而不是刻意去打造的結果數組。

這些變化：

var lyrics = document.getElementById('userInput'); 
 

 
function printSong() { 
 
    var input = lyrics.value; 
 
    var lines = input.split('\n'); 
 
    var generatedText = ""; 
 
    for (var i = 0; i < lines.length; i++) { 
 
    if (!lines[i].trim() || /[a-zA-Z]|[0-9]{2}/.test(lines[i]) || lines[i].match(/\s/) != null) { 
 
     generatedText = generatedText + lines[i] + '\n'; 
 
    } else { 
 
     generatedText = generatedText + "{y}" + lines[i] + "{/y}" + '\n'; 
 
    } 
 
    } 
 
    document.getElementById('output').value = generatedText; 
 
}

<div class="container-fluid"> 
 
    <div class="col-xs-12"> 
 
    <div class="col-xs-5"> 
 
     <textarea id="userInput" class="form-control" cols="40" rows="10" placeholder="Enter song lyrics here">testing 
 

 
அஇஉ்உ்உ</textarea> 
 
    </div> 
 
    <div class="col-xs-2" style="text-align: center"> 
 
     <button type="button" class="btn btn-success" onclick="printSong()">Generate tags</button> 
 
    </div> 
 
    <div class="col-xs-5"> 
 
     <textarea disabled id="output" class="form-control" cols="40" rows="10" placeholder="Generated Song"></textarea> 
 
    </div> 
 
    </div> 
 
</div>