JS map для вывода элементов списка

Question

Подскажи, пожалуйста, где допущена ошибка, почему элементы на залетают в список ?

const goods = {
  13245345: {
    name: "Финик",
    rubles: 390,
    hryvnia: 129.09,
  },
  2456: {
    name: "Изюм",
    rubles: 190,
    hryvnia: 62.89,
  },
  434: {
    name: "Кешью",
    rubles: 999,
    hryvnia: 330.67,

  },
};

const list = document.querySelector(".goods_list");

goods.map((el, index) => {
      return (
        list.append(`<li><p>Имя: ${el.name}</p><p>Цена: ${el.rubles}</p></li>`;)
      );
    });

    console.log("good = ", good);

<ul class="goods_list"></ul>

Answer 1

const goods = {
  13245345: {
    name: "Финик",
    rubles: 390,
    hryvnia: 129.09,
  },
  2456: {
    name: "Изюм",
    rubles: 190,
    hryvnia: 62.89,
  },
  434: {
    name: "Кешью",
    rubles: 999,
    hryvnia: 330.67,

  },
};

const list = document.querySelector(".goods_list");

Object.values(goods).map((el) =>
  list.innerHTML += `<li><p>Имя: ${el.name}</p><p>Цена: ${el.rubles}</p></li>`);

<ul class="goods_list"></ul>

Но если все-таки надо изменить goods:

const goods = {
  13245345: {
    name: "Финик",
    rubles: 390,
    hryvnia: 129.09,
  },
  2456: {
    name: "Изюм",
    rubles: 190,
    hryvnia: 62.89,
  },
  434: {
    name: "Кешью",
    rubles: 999,
    hryvnia: 330.67,

  },
};

const list = document.querySelector(".goods_list");

for (const [k, v] of Object.entries(goods)) {
  goods[k] = `<li><p>Имя: ${v.name}</p><p>Цена: ${v.rubles}</p></li>`;
  list.innerHTML += goods[k];
}

<ul class="goods_list"></ul>

БЛОГ НА HUSL

JS map для вывода элементов списка

Ответы (1 шт):