怎么批量对象里的字符串进行处理？

Question

let list = [
{name:"张(三)"，address:"北(京)"},
{name:"李(四)"，address:"上(海)"},
{name:"(王)二"，address:"(重)庆"},
{name:"(刘)五"，address:"(天)津"}
]

前端怎么将括号里的字变颜色，并且去掉括号??

Answer 1

可以写个函数专门处理字符串

function format(str) {
    // 正则匹配（***）
    return str.replace(/\([^()\s]*\)/g, (str, match) => {
        return `<span style="color:red;">${str.substring(1, str.length - 1)}</span>`
    })
}

以react为例，展示的时候可以使用 dangerouslySetInnerHTML

<div dangerouslySetInnerHTML={{ __html: format("张(三)") }}></div>

Answer 2

简单思路，先转成字符串，再替换。

let list = [
{name:"张(三)",address:"北(京)"},
{name:"李(四)",address:"上(海)"},
{name:"(王)二",address:"(重)庆"},
{name:"(刘)五",address:"(天)津"}
]
let str = JSON.stringify(list);

let map = {'三': 'red', '京': 'black'}

Object.keys(map).forEach((item) => { 
  str = str.replace(new RegExp(`\\(${item}\\)`, 'gm'), map[item])      
})

console.log(str);