使用正则循环截取替换文本

针对于选词填空题

效果展示例子： 人生得意须（ 尽欢 金环 ），莫使金樽空（ 对月 对越 ）

// 已知条件
let name = "人生得意须（），莫使金樽空（）"
let newArr = ['尽欢|金环','对月|对越']
let ShowAnswer = '尽欢|对月' // 答案
let pattern = /（）/gi; 
let arr = name .match(pattern); // 正则获取小括号形成数组
for (let i = 0; i < arr.length; i++) {
     name = name .replace(arr[i], `(@${i})`) // 循环重新字符串赋值
}
let Count = newArr.length;
for (let i = 0; i < Count; i++) {
    name = name .replace(`(@${i})`,` （${newArr[i].split('|').join(' ')}）`) // 替换小括号中填答案
}
	console.log(name )
	return name 
}

二次衍化版

// 修改
for (let i = 0; i < otherAnsCount; i++) {
    Ttitle = Ttitle.replace(`(@${i})`,` （${this.bankedFun(ShowAnswer,newArr[i]).join(' ')}）`)
}
// 方法调用
bankedFun(ShowAnswer,newArr){
      let returnEle = ''
      let btnTitle = []
      let bankedTitle = newArr.split('|')
      bankedTitle.forEach((res)=>{
        if(ShowAnswer.includes(res)){
          btnTitle.push("<span style='background-color:#008000;border-radius: 2px;color: #FFFFFF;padding:0 12px;'>" + res +"</span>")
        }else{
          btnTitle.push("<span style='background-color:#DCDFE6;border-radius: 2px;color: #000000;padding:0 12px;'>" + res +"</span>")
        }
        btnTitle.join(' ')
        returnEle = btnTitle
      })
      return returnEle
    },
    // 通过v-html标签展示字符串