Как l oop через массив внутри литерала шаблона

Question

Я пытаюсь запустить al oop внутри некоторого буквального кода шаблона, внутри модального окна.

Итак, результат запроса Ajax ... Я сократил весь код, чтобы отсчет строк продолжался.

    .done(function (data) {
        var itemsList = $.each(data, function (index, item) {
            '<p>' + item.prod_name + '<p>';
        });

Опять же, сокращенный модальный код.

     var modal = `<div class="modal-body">`
       + itemsList +
     `</div>`;

Все, что выводится, это [объект-объект], но если я console.log свои данные, я получаю правильные данные.

Answer 1

Пожалуйста, используйте var modal = "<div class="modal-body">" +JSON.stringify(itemList) +"</div>";

JSON.stringify(itemList) даст вам данные внутри объекта.

Answer 2

Вам нужно превратить массив в строку:

data=[{prod_name:1},{prod_name:2}];
        var itemsList = $.map(data, function (item, index) {
            return '<p>' + item.prod_name + '<p>';
        }).join('');
        
        console.log(itemsList);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>