есть ли способ привязать html-теги к некоторым индексам массива?


есть ли способ привязать html-теги к некоторым индексам массива?

25.10.2020 09:56:19 Просмотров 41 Источник

Мне нужно привязать 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>"
    
У вопроса есть решение - Посмотреть?

Ответы - есть ли способ привязать html-теги к некоторым индексам массива? / is there a way to bind html tags to some array indices?

Является ответом!
hgb123

25.10.2020 10:05:16

Вы можете использовать map с индексом.

Если indices включает в себя index, верните элемент, обернутый вокруг spantag, иначе верните тот же элемент

После этого join результат с пробелом

var mainArray = ["I", "am", "not", "a", "doctor"];
var indices = [1,4]

var result = mainArray
  .map((el, index) => indices.includes(index) ? `<span class="bg-light"> ${el} </span>` : el)
  .join(' ')
  
document.getElementById("demo").innerHTML = result;
.bg-light {
  background-color: red
}
<div id="demo"></div>

Помочь в развитии проекта:
Закрыть X