RegExp for Javascript获取子字符串

Question

I would like to parse some plain text that I got from the Twitter API. What I need to do is basically search through a tweet to find a "@" character followed by some text and replace the plain text with an anchor linked to that text. For example:

Take the tweet plain text: "@flintzke this is a test"

and use a Regular expression to turn it into:

<a href='www.twitter.com/flintzke'>@flintzke</a> this is a test

my guess was to use this kind of function:

function getUsernameLink(text) {
var exp = /^[@][a-zA-Z0-9_!@#%&*]*[\s]$/ig;
return text.replace(exp, "<a href='https://twitter.com/$1'>$1</a>");
}

my objective was to find an expression that found a single word in a string, text, that starts with "@" and ends with a whitespace

Answer 1

I think you have tried a bit to hard ;). Firstly the anchors ^ and $ mark the beginning and end of the string (not the beginning and end of the match or something - which I suppose you assumed). Then you use $1 but that corresponds to the first capture (the first set of parentheses - which you don't have). Either add parentheses around your match or use $& . And lastly, \\S represents a non-whitespace character. So why not just match as many non-whitespace characters as possible?

exp = /@(\S*)/g;
return text.replace(exp, "<a href='https://twitter.com/$1'>@$1</a>");

Answer 2

试试这个：

text.replace(/\@(\w+)/g,"<a href='https://twitter.com/$1'>@$1</a>");