Как запихнуть данные в объект?

Question

[Алексей Милютин]

У меня есть блоки, как лучше всего их описать в объект, что бы потом можно было манипулировать их значениями? (Заголовки, значение количества и цены)

Comments

[DanKud]

Для чего вам это вообще? Для каких целей например заголовки записывать в JS-объект? Вы хотите строить разметку страницы на JS? Но для этого есть фреймворки и не нужно ничего придумывать. Да и сами изменяемые данные (цена, количество) не обязательно записывать в объект. По-моему вы пытаетесь усложнить задачу. Хотя может быть я просто не понял для каких целей вам это нужно.

[Алексей Милютин]

DanKud, честно говоря я запутался немного. Изначально я хотел сделать функционал для кнопок плюс минус и не смог этого сделать адекватно, после чего появилась мысль сделать это все в ооп, это плохая идея?

[Алексей Милютин]

DanKud, изначально проблема была в том, что изменялись цифры во всех блоках. Поэтому решение сделать объект и свои методы для каждого блока показались адекватны.

[Евгений Ромашкан]

doppelgangerz,

сделать это все в ооп

Что такое ООП?)

[Алексей Милютин]

Евгений Ромашкан, объектно ориентированный подход, описать каждый блок, сделать функционал, что бы каждый такой блок наследовал его

[Евгений Ромашкан]

doppelgangerz, Объектно-ориентированный дизайн и ООП это разные вещи.
Наследование - вообще к ООП не относится, и его лучше избегать, но ладно )
Ответ на ваш вопрос я ниже описал

[DanKud]

doppelgangerz, вы вообще не в ту строну копаете. Я вам уже в прошлом вопросе говорил, что нужно сделать и просил пример разметки. В общем вот пример как это может быть реализовано. Без всяких объектов - https://codepen.io/anon/pen/PgJgGm?editors=1010#0

[Алексей Милютин]

DanKud, огромное спасибо за ответ. Это именно то, что мне нужно было. Как научится так же легко реализовывать решение? Не подскажите, что почитать, как лучше практиковаться?

[DanKud]

doppelgangerz, для базовых знаний по JS должно хватит этого учебника - https://learn.javascript.ru

[Алексей Милютин]

DanKud, да я прошел его до es-2015 и повторял частично главы. Почему то не выходит применять свойства и видимо забываются. Очень странно, но спасибо.

[DanKud]

doppelgangerz, ну это понятно, что после учебника как правило вряд ли сразу же будет получаться реализовывать все какие-то более-менее реальные задачи. Тут только практика поможет и поиск ответов на те вопросы, которые не получается реализовать самостоятельно.

Answer 1

[Dies Irae]

Лучше, конечно, делать на какой-нибудь CMS, т.к. человек заливающий контент, скорее всего, не знает JS.

Объекты создавать можно разными способами. Один из них:
Создаем функцию-конструктор:

function Set(title, count, price) {
  this.title = title;
  this.count = count;
  this.price = price;
}

Массивы создаются так:

let crazySamurai = new Set("Crazy Samurai", 24, 2000);
let hornyGeisha = new Set("Horny Geisha", 12, 1200);

Выводим в DOM:

$('#sets-container').append(`
<div>
<h4>${hornyGeisha.title}</h4>
<p>${hornyGeisha.count} шт.</p>
<p>${hornyGeisha.price} руб.</p>
</div>
`)