如果文本以這些字符開頭或結尾，請刪除字符

Question

我有一個帶有用戶輸入文本變量sel的jQuery函數。我顯示這樣的變量：

jQuery(this).parent().prev().find('.js-trigger-add-tag-target').text(sel); 

工作正常。

如果變量開始或結束任何與這些字符：

.,?!'" 

欲剝離的那些非常字符。例如，如果sel是：

'Hello world, josh's car.,' 

我想將它剝離到：

Hello world, josh's car 

如何在jQuery的/ JavaScript的做到這一點？也許正則表達式？

Answer 1

您可以使用String#replace用正則表達式

var regex = /^[.,?!'"]+|[.,?!'"]+$/g; 
text = text.replace(regex, ''); 

正則表達式說明：

1. ^：開頭的行anchor
2. $的：行尾anchor
3. [.,?!'"]+：匹配的任何字符的是，在任何順序
4. |發生一次或多次character class[和]：在正則表達式OR condition/alteration
5. g：全局標誌

RegEx101 Live Demo

var regex = /^[.,?!'"]+|[.,?!'"]+$/g; // Note that you don't need `m` flag here 
 

 
var resultEl = document.getElementById('output'); 
 
document.getElementById('myInput').addEventListener('keyup', function() { 
 
    resultEl.innerHTML = this.value.replace(regex, ''); 
 
}, false);

<input type="text" id="myInput" placeholder="Type something" /> 
 

 
<div id="output">You'll see output here</div>

---

從OP的comment

如何調整正則表達式，以便它如果變量與's結束刪除字符？例如，如果變量是約翰的，它將成爲約翰

正則表達式可以修改了一下，在字符串的結尾匹配's。

字符類可以變成懶/非貪心，並且在字符串結尾添加's作爲可選組。

/^[.,?!'"]+|[.,?!'"]*?(?:'s)?$/ 

添加?在[.,?!'"]*?會使比賽lazy。 (?:)是non-capturing group並且在(?:'s)?中加入?將使得's可選。

RegEx Demo

或者，如@Daniel Cheung在comment說，你也可以使用

/^[.,?!'"]+|(?:[.,?!'"]|'s)+$/ 

RegEx Demo

更新：

要刪除空格\s中可以添加cha類別。或者String#trim也可以在`替換後使用。

/^[.,?!'"\s]+|[.,?!'"\s]+$/ 
     ^^   ^^ 

RegEx Demo

---

正如@Casimir et Hippolyte在comment所述，您可以使用^[\W_]+|[\W_]+$來開頭刪除所有的特殊字符和結束串的。