用正则将字符串分割成数组

Question

给出字符串

var string = "${foo}bar${bar}foo";

如何分割得到

var result = ["${foo}", "bar", "${bar}", "foo"];

Answer 1

'${foo}bar${bar}foo'
.split(/(\$\{\w+\})/)
.filter(function(str){
    return str !== ''
})

Answer 2

// 用match即可。没有必要split来分割，再对数组进行filter等操作
var str = '${foo}bar${bar}foo';
var str2 = 'foo${foo}${bar}bar${bar}${bar}foo';

var reg = /(\$\{[^\}]*\})|(\w+)/g;
var result = str.match(reg);
var result2 = str2.match(reg);

console.log(result);
// ["${foo}", "bar", "${bar}", "foo"]

console.log(result2);
// ["foo", "${foo}", "${bar}", "bar", "${bar}", "${bar}", "foo"]

Answer 3

split(/\$\{.*?\}/g)

Answer 4

一般人字符串不会那么写，如果要后面方便处理的话

Answer 5

如果字符串确实如此规律的话
不用正则，用$和}切割即可

string.split('$')  // 以$切割
    .map(str => str.split('}'))  // 以}切割
    .reduce((a, b) => a.concat(b),[]) // 合并数组
    .filter(s => s !== '')  // 过滤空字符串
    .map(s => s.startsWith('{') ? '$'+s+'}' : s) // 把切割掉的符号补回来

Answer 6

"${foo}bar${bar}foo".replace(/(\${\w+(?:}))/g, '|$1|').split('|').filter(s => s !== '')
输出 ["${foo}", "bar", "${bar}", "foo"]

"${sxx${foo}bar${bar}foo}".replace(/(\${\w+(?:}))/g, '|$1|').split('|').filter(s => s !== '')
输出 ["${sxx", "${foo}", "bar", "${bar}", "foo}"]

Answer 7

var result = string.match(/\${[^}]*}|[^\${]+/g);

Answer 8

'${foo}bar${bar}foo'.match(/\${[^}]*}|\w+/g);