Объединить массив с переменной javascript

У меня есть переменная с многострочной строкой, и я хочу поместить некоторые данные из массива в середину строки. Как я могу это сделать?

var a = [1,2,3,4]
var b = `<div>
           //array value here
           <span>1</span>
           <span>2</span>
           ...
         </div>`

Что вы пробовали? И как вы ожидаете, что результат будет выглядеть?

— 06.06.2019 05:45

<span>${a[0]}</span> и так далее.

— 06.06.2019 05:46

Это действительно зависит от того, что определяет "середина" строки. Это всегда HTML? Всегда ли это HTML такой же? Вы всегда хотите вставлять значения в качестве первого дочернего элемента корневого элемента?

— 06.06.2019 05:46

Как точно строка b выглядит как до, которую вы манипулируете?

— 06.06.2019 05:47

javascript

06.06.2019 05:44

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете поместить выражения в литерал шаблона:

const a = [1, 2, 3, 4];
const b = `<div>
             //array value here
             <span>${a[0]}</span>
             <span>${a[1]}</span>
             ...
           </div>`;
         
console.info(b);

Или даже:

const a = [1, 2, 3, 4];
const b = `<div>
             //array value here
             ${a.reduce((acc, v) => acc += `<span>${v}</span>`, '')}
           </div>`;
         
console.info(b);

Ну, я не знаю длину массива заранее.

— 06.06.2019 05:49

06.06.2019 05:47