js 字符串替换如何使用数组？

Question

例如有一个文本'abc{xdf}efg{dfg}ijk{232}'
正则是{.*?},匹配每一个{}里面的东西
现在我有一个数组['d','h','l']
请问怎么才能用数组按顺序替换掉{}里的内容，变成abcdefghijkl

注意实际情况是数组的长度是未知的，也就是说正则匹配到的个数是未知的。

Answer 1

var str = 'abc{xdf}efg{dfg}ijk{232}';
var arr = ['d', 'h', 'l'];
var result = str.match(/\{.*?\}/g);
for (var i = 0; i < result.length; i++) {
    str = str.replace(result[i], arr[i])
}
console.log(str);
//abcdefghijkl

但我猜你需要的是字符串模板：
https://segmentfault.com/a/1190000004428305

Answer 2

http://zhaomenghuan.github.io/#!/blog/20160626 看看这篇文章吧

Answer 3

var format = 'abc{xdf}efg{dfg}ijk{232}';
var arr = ['d','h','l'];
for(var i=0; i < arr.length; i++){
 format = format.replace(/\{.*?\}/, arr[i]);
}
console.log(format);

Answer 4

var str = 'abc{xdf}efg{dfg}ijk{232}';
var arr = ['d', 'h', 'l'];

function replace(str, arr){
    var i = 0;
    return str.replace(/({.*?})/g, (all,match) => {
        return match = arr[i++];
    })
}

replace(str, arr);

Answer 5

很简单啊，你就循环你的数组啊，

然后就用当前元素值去替换正则匹配到的内容

至于到后来匹配不到的情况就随你怎么处理了。