は、私は次のように見えることができますエントリを持つことになりますHTMLのテキストエリアを持っているテキストエリア

Question

に空白でパディングそのURLのすべてのエントリを削除します。これを行うには、最初に正規表現が必要です。私は最初のオカレンスを見つける必要があり、見つけたいだけであることに注意してください。

この機能では完全一致を削除する必要があります。それは

DeleteEntry("youtube.com"); 

2行目を削除するべきではありませんが、

DeleteEntry("youtube.com word word"); 

はべきです。

だから基本的に、私はこれは私が持っているものである

(beginningOfString OR newlineChar) then (anyWhiteSpaceExceptNewline) then (ENTRY) then (anyWhiteSpaceExceptNewline) then (endOfString OR newlineChar) 

---

このパターンに一致する必要があり、これまで

var expression = "\n|^[ \f\r\t\v]*" + entry + "[ \f\r\t\v]*\n|$"; 
var match = listbox.value.match(expression); 

私が期待していように動作するようには思えない

それに。

Answer 1

注：\を文字列の内側に使用する場合は、エスケープする必要があります。 "\some text"が間違っていますが、"\\some text"が正しいです。

var ta = document.getElementById("ta"), 
 
    inp = document.getElementById("inp"), 
 
    btn = document.getElementById("btn"); 
 
    
 
// escape text to be used inside RegeExp (from: https://stackoverflow.com/q/3115150/6647153) 
 
function escape(text) { 
 
    return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'); 
 
} 
 

 
function deleteEntry(query) { 
 
    var text = ta.value; 
 
     
 
    var regexText = query.trim()         // remove surrounding spaces 
 
         .split(/\s+/)        // split into tokens ("a b c" becomes ["a", "b", "c"]) 
 
         .map(escape)        // escape the tokens ("a.com" becomes "a\\.c" so it'll be /a\.c/ where the '.' is regarded as litteral '.' not as the special character .) 
 
         .join("\\s+");        // joins the tokens together with \s+ (["a", "b", "c"] becomes "a\\s+b\\s+c" so it'll be /a\s+b\s+c/) 
 
     
 
    var regex = new RegExp("^\\s*" + regexText + "\\s*$", "gm"); // surrond regexText with ^\s* and \s*$ and use the g modifier for multiple matches and the m modifier for multiline text 
 
    
 
    ta.value = text.replace(regex, "");        // replace the matched text with "" and reassign it back to the textarea 
 
} 
 
    
 
btn.onclick = function() { 
 
    deleteEntry(inp.value);           // calling deleteEntry passing to it the input's value as the query 
 
}

textarea { 
 
    display: block; 
 
    width: 100%; 
 
    height: 100px; 
 
}

<textarea id="ta"> 
 
google.com 
 
    youtube.com word word 
 
    netflix.com 
 
twitch.tv 
 
    vimeo.com word 
 
soundcloud.com word word 
 
</textarea> 
 
<input id="inp"><button id="btn">Delete</button>