Есть ли способ сократить запись?

Question

[Максим]

К примеру имеем фейковый массив который якобы прилител в базы данных

let obj = [{ name: "", average: "", cpu: "", price: "",},{ name: "", average: "", cpu: "", price: "",},{ name: "", average: "", cpu: "", price: "",},{ name: "", average: "", cpu: "", price: "",}]

И нужно привести к такому виду вывод

<div data-name="" data-average="" data-cpu="" data-price=""></div>

Я делаю так :

for(const inf of obj){
  let d = document.createElement("div");
  d.setAttribute("data-name", inf.name);
  d.setAttribute("data-average", inf.average);
  d.setAttribute("data-cpu", inf.cpu);
  d.setAttribute("data-price", inf.price);
  
  console.log(d)
}

Вот именно вот это меня напрягает, есть ли способ в javascript который позволит не писать 100500 раз d.setAttribute в случае если всё таки будет не 4 поля а скажем больше 20 или 30, как то писать сокращённо ... ?

Comments

[szQocks]

20 или 30

никто не пишет столько атрибутов, даже самые отчаянные
хватит и одного атрибута data-id="123" что бы потом в массиве найти этот объект и выдёргивать его поля когда нужно для отображения

а если это задание учебное, то забей огромный болт на него

либо так

for(const inf of obj){
  let d = document.createElement("div");
    for (const [key, value] of Object.entries(inf)) {
      d.dataset.[key] = value;
    }
}

Answer 1

[0xD34F]

dataset
Object.assign

Comments

[Максим]

ещё пример бы хоть один - что бы в понять

[0xD34F]

Максим, какой пример, чего понять? Как функцию вызвать, передав ей два аргумента? Это не тот вопрос, которого можно было бы ожидать от человека, имеющего 7+ лет опыта за плечами, совсем не тот. Может, попробуете подумать самостоятельно, ну хоть немного?

[Максим]

0xD34F, не совсем 7 лет ..
7 лет я тут редко появляюсь и отвечаю преимущественно на тему SVG и прочие анимации а js я занимаюсь редко .. для себя

[0xD34F]

Максим, Object.assign(d.dataset, inf);.

Answer 2

[Rsa97]

for (field in inf) {
  d.setAttribute(`data-${field}`, inf[field]);
}

Comments

[Максим]

круто ... спасибо