Как правильно создать объект в JS?

Question

[panterr92]

Есть вызов всплывающих окон с помощью magnificPopup следующим кодом

$('#some-button').magnificPopup({
    items: [
      {
        src: 'path-to-image-1.jpg'
      },
      {
        src: 'path-to-image-2.jpg'
      }
    ],
    gallery: {
      enabled: true
    },
    type: 'image' // this is default type
});

Но содержимое items должно создаваться предварительно и в рамках его содержимое должно передаваться через переменную.

$('#some-button').magnificPopup({
    items: itemsData,
    type: 'image' // this is default type
});

Вопрос, как правильно сформировать эту переменную (объект) itemsData?

Comments

[Kovalsky]

Там же на learn.javascript.ru вероятно стоит еще прочитать что такое массив (т.к. items это как раз массив).

Answer 1

[Victor Golovko]

Объекты

Comments

[panterr92]

вот после этой статьи я и пришел сюда, так как не понял как именно создавать не просто объект, а внутри него несколько экземпляров. Если ничего не путаю

[Victor Golovko]

var itemsData = [
      {
        src: 'path-to-image-1.jpg'
      },
      {
        src: 'path-to-image-2.jpg'
      }
    ];

[Victor Golovko]

Или так, если нужно динамически что то делать

var itemsData = [];

itemsData.push( {
        src: 'path-to-image-1.jpg'
});
      
 itemsData.push( {
        src: 'path-to-image-2.jpg'
});

Answer 2

[profesor08]

Ну так тебе надо понять что такой массив, что такое объект, прочувствовать между ними разницу, разобраться как они создаются и как с ними работать. Так-же что такое переменная.

Answer 3

[Роман]

let itemsData = [{
//первыйобъект со свойствами
},
{
//второй объект со свойствами
},
{
//и т.д
}];

Теперь в переменной itemsData у нас массив их трех пустых объектов.