Javascript正则表达式替换并将找到的所有元素添加到数组

Question

currently I am very confused! I have been trying to solve this for a while, and can't seem to crack it. I can't even find an answer on Google.

Currently I am using this Regex I wrote in Javascript:

((?: {4,}|\t+)(?:.*))

Simply, it matches everything that is 4+ spaces out or 1+ tabs out in a textarea. Yea, that sounds familiar you say? It is simply what Stack Overflow does for codeblocks. Now, I have run in to an issue.

Basically I am wanting to replace all of these instances found in the textarea, but first I want to back them up to an array. Now, I am not sure how I grab each match found, and insert it in to the array.

Here is what I have so far:

.replace(/((?: {4,}|\t+)(?:.*))/gi, function (m, g1, g2) {
    return //STUCK HERE
}); //Matches Bold

So simply, I just want to grab all matches found in a textarea (Either indented or 4 spaces) and then I would like to add the contents of the match to an array. How would I go about doing this? Please Help!

Answer 1

If you want to get the array of matches, you can use match() function :

var matchesArray = $('textarea').val().match('/((?: {4,}|\t+)(?:.*))/gi');

and if you want to replace, use simple replace() function :

$('textarea').val().replace('/((?: {4,}|\t+)(?:.*))/gi', 'replaceWith');

Hope this helps.

Answer 2

You can hit two targets with one bullet:

var items = [];
var re = /((?: {4,}|\t+)(?:.*))/g;
textarea.value = textarea.value.replace(re, function ($0, $1) {
    items.push($1);
    return 'replacement';
});

If you want to get the code blocks back then:

var codeLines = [];
var reMarkers = /\{\{(.*?)\}\}/g;
var reCodeBlocks = /((?: {4,}|\t+)(?:.*))/g;
var text = textarea.value;

// save and remove code blocks
text = text.replace(reCodeBlocks, function ($0, $1) {
    var marker = '{{' + codeLines.length + '}}';
    codeLines.push($1);
    return marker;
});

// revert to previous state
text = text.replace(reMarkers, function ($0, $1) {
    return codeLines[parseInt($1, 10)];
});