根据给定索引突出显示字符串

Question

假设我被给予

const s = "Old Man's War"
//Each indices represent the beginning and end index of the string
const indices = [
     [ 0, 0 ],
     [ 5, 5],
     [ 11, 11]
]

这些索引代表了我想要强调的内容的开始和结束。所以我想返回类似的东西

<span class="bold">O</span>ld M
<span class="bold">a</span>n's W
<span class="bold">a</span>r

我怎样才能做到这一点？似乎无法想出一个像样的算法。

Answer 1

一种选择是将.split()字符串放入数组中，添加<span class="bold">到每个起始索引之前，附加</span>到每个结束索引，然后.join()将其放回一起：

const s = "Old Man's War"
const indices = [[0,0],[5,5],[11,11]]

let result = indices.reduce((str, [start,end]) => {
  str[start] = `<span class="bold">${str[start]}`;
  str[end] = `${str[end]}</span>`;
  return str;
}, s.split("")).join("");

document.getElementById("result").innerHTML = result;

.bold { font-weight: bold; }

<div id="result"></div>