1

Привет. Можно ли пройтись циклом по массиву внутри шаблонной строки? Например, есть массив:

"carriers": [
  0: "S7",
  1: "SU"
]

Который я хочу вывести, например, в строку:

element.append(`
    <h2>Carriers:</h2>
    <div class="carriers">
        <img src="/img/carriers/S7.png" />
        <img src="/img/carriers/SU.png" />
    </div>
`);

И, да, меня интересует решение конкретно в теле append()(специфика задачи).

1 ответ 1

1

Если очень хочется, то можно вот так:

const carriers = ["S7", "SU"];

element.append(`
    <div class="carriers">
        ${carriers.map(name => '<img src="/img/carriers/' + name + '.png" />').join('')}
    </div>
`);

Но лучше так никогда-никогда не делать. Вместо этого возьмите любой JS шаблонизатор и используйте его.

8
  • "Но лучше так никогда-никогда не делать." - jsx настороженно наблюдает за тобой)
    – Qwertiy
    27 июн 2017 в 20:48
  • JS-шаблонизатор? 27 июн 2017 в 20:49
  • Если вопрос мне, то скорее нет, чем да.
    – Qwertiy
    27 июн 2017 в 20:49
  • @Qwertiy, речь не о JSX. Но даже там, сложные конструкции правильнее выносить из map/reduce функций. Хотя, как всегда, могут быть варианты. 27 июн 2017 в 20:51
  • @JamesJGoodwin тысячи их. Например, Handlebars.js 27 июн 2017 в 20:52

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.