Вывод данных через цикл

Такой код

let items = document.querySelectorAll('.items');
$.each(body , function (key){
        for (let i = 0; i < items.length; i++) {
            items[i].innerHTML = '<p>' + key + '</p>' + '<p>' + 'Price:$' + body[key] + '</p>';
        }
    });

let items = document.querySelectorAll('.items'); Класс может находится в разных файлах и областях DOM.

В эту функцию будет приходить объект(json) ключ значение.

Входящий массив объект нужно перебрать и вывести разные значения, как это сделать?

В данный момент выводит последний элемент массива.

Вот разметка

<ul class="products">
                <li>
                    <a href="#" class="item">
                        <div class="items">
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="item">
                        <div class="items">
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="item">
                        <div class="items">
                        </div>
                    </a>
                </li>
            </ul>