如何在JavaScript的track_list中修改曲目名称单个单词的字体？

完全可以用replace方法实现，核心思路是把目标单词用带样式的HTML标签包裹，之后在页面渲染时输出HTML内容即可。

具体操作步骤： #

• 遍历你的track_list数组，对每个曲目的name属性调用replace方法
• 用正则匹配目标单词（如果要全局匹配多个相同单词，加g标志），将其替换为带有字体样式的<span>标签

示例代码： #

假设你想把名称里的artist单词改成Arial字体，代码可以这么写：

let track_list = [
    {
        name:"title - artist",
        path:"/"
    },
    // 其他曲目...
];

// 遍历数组修改每个曲目名称
track_list.forEach(track => {
    // 替换单个单词，如需全局匹配多个相同单词，把正则改成 /artist/g
    track.name = track.name.replace(/artist/, '<span style="font-family: Arial; font-weight: bold;">artist</span>');
});

注意事项： #

• 如果你是用DOM操作渲染曲目名称，要使用innerHTML插入修改后的内容，而不是textContent，否则HTML标签会被当成普通文本显示。比如：

// 假设页面上有一个id为trackName的元素
document.getElementById('trackName').innerHTML = track_list[0].name;

• 如果要匹配的单词包含特殊字符（比如.、*），记得在正则里转义（比如.要写成\.）。

内容的提问来源于stack exchange，提问作者asa