Question

我有以下情況

輸入

var str = '{{repeat 2}} some string {{/repeat}}'; 

輸出

str = 'some string, some string'; 

---

輸入

var str = '{{repeat 2}}{"prop1":"some data"}{{/repeat}}'; 

輸出

str = '{"prop1":"some data"}, {"prop1":"some data"}'; 

---

輸入

var str = 'start of string {{repeat 2}} some string {{/repeat}} another string '; 

輸出

str = 'start of string some string, some string another string'; 

我想做到這一點的方式

var test = "{{repeat 5}} test this string {{/repeat}}"; 
var arrStr = test.split(/[{{]/); 

並通過循環處理arrStr

任何其他好的方法來做到這一點？如何找到在重複內重複計數和字符串的重複？ 。

Answer 1

可以更換的文本替換一個回調裏面：

function fillArray(s, num) { 
 
    var arr = []; 
 
    for (var i=0; i<num; i++) { 
 
    arr.push(s); 
 
    } 
 
    return arr; 
 
} 
 
var str = 'start of string {{repeat 2}} some string {{/repeat}} another string '; 
 
var res = str.replace(/{{repeat\s+(\d+)}}([\s\S]*?){{\/repeat}}/g, function($0, $1, $2) { 
 
    return fillArray($2.trim(), parseInt($1, 10)).join(", "); 
 
}); 
 
console.log(res);

的fillArray函數創建與提取字符串出現的必要數量的數組。

的正則表達式來得到你需要的是什麼樣子

/{{repeat\s+(\d+)}}([\s\S]*?){{\/repeat}}/g 

詳細：

• {{repeat - 一個文字字符序列
• \s+ - 1+空格
• (\d+) - 集團1：一個或多個數字
• }} - 字面}}
• ([\s\S]*?) - 第2組，任何0+字符，儘可能少到第一
• {{\/repeat}} - 字面{{/repeat}}。

Answer 2

的String.prototype.repeat()可能是你所感興趣的東西 因爲它只是重複字符串沒有逗號，下面還要爲你做的：

function repeatString(s, count) { 
    return (s + ", ").repeat(count).replace(/,\s$/, ""); 
} 

現在你可以使用像

function repeatString(s, count) { 
 
    return (s + ", ").repeat(count).replace(/,\s$/, ""); 
 
} 
 

 
var s = "some string"; 
 
var res = "start of string " + repeatString(s, 2) + " other string"; 
 

 
console.log(res);

注意repeat()並非所有支持在寫這篇的時候瀏覽器，但你可以使用Polyfill

---

如果從HTML或東西讓你的字符串中的{{重複...}}已經在，下面會做的伎倆：

function repeatString(s) { 
 
    var count = s.match(/\{\{repeat\s(\d*)\}\}/)[1]; 
 
    return (s.replace(/\{\{repeat\s\d*\}\}\s(.*)\s\{\{\/repeat\}\}/, "$1") + ", ").repeat(count).replace(/,\s$/, ""); 
 
} 
 

 
var s = "{{repeat 5}} some string {{/repeat}}"; 
 
var res = "start of string " + repeatString(s) + " other string"; 
 

 
console.log(res);

值得一提的，目前已經可以作爲開源項目很多很多的HTML模板引擎。在大多數情況下，最好使用其中一個而不是重新發明輪子。