js的正则替换，带动态参数的怎么替换啊

Question

我有这样一段代码

var facearr = ['哈哈','生气','笑哭','吃饭','睡觉'];
$.each(facearr,function(k,v){
        msg = msg.replace('['+v+']','<img class="addface" src="/public/images/face/'+(k+1)+'.gif" face="'+v+'" title ="['+v+']" />')
    });

我就是想把一个字符串里所有的“ 哈哈哈哈[哈哈] ”这种全换成图片

但是我只能换第一个，我知道我写得不是正则匹配……我是中间添加了个for循环来实现的大low逼

我想请问各位英雄豪杰，这个正则可怎么写……

我前端实在是太弱了，恳请各位指教

Answer 1

var facearr = ['哈哈','生气','笑哭','吃饭','睡觉'];
let res = '哈[哈哈]alskdjflasdf[生气]'.replace(/[([^]]+)]/g, function(res, val, index) {
    return `<img src="${facearr.indexOf(val) + 1}" alt="${val}">`
});