Javascript 有没有办法将html标记绑定到一些数组索引？

我需要将带有类的span绑定到数组的某些索引，并打印该数组字符串，如下面的示例所示：

var mainArray = ["I", "am", "not", "a", "doctor"];
var indices = [1,4]
document.getElementById("demo").innerHTML = result;

我想得到这个字符串结果：

var result =  "I <span class="bg-light"> am </span > not a <span class="bg-light"> doctor </span>"
    

您可以使用带有索引的映射

如果索引包括index，则返回围绕spantag的元素，否则返回相同的元素

然后，用空格连接结果

var mainArray=[I，am，not，a，doctor]； var指数=[1,4] var result=main数组 .mapel，index=>index.includeIndex？`${el}`:el .加入“ document.getElementByIddemo.innerHTML=结果； .bg灯{ 背景颜色：红色 } 您可以使用带有索引的映射

如果索引包括index，则返回围绕spantag的元素，否则返回相同的元素

然后，用空格连接结果

var mainArray=[I，am，not，a，doctor]； var指数=[1,4] var result=main数组 .mapel，index=>index.includeIndex？`${el}`:el .加入“ document.getElementByIddemo.innerHTML=结果； .bg灯{ 背景颜色：红色 }