0

Есть 25 фотокарточек. У каждой есть адрес изображения, число лайков, комментарий и описание. Эти параметры записаны в объект. Далее создаётся шаблон фотокарточки на основе этого объекта.

Итак, вопрос - как сгенерировать 25 фотокарточек с разными данными? Можно ли проитерировать поле url, но как тогда это сделать? Пожалуйста, помогите, чем сможете.

//чертёж фотокарточки
var photoCards = {
    url: 'photos/[i].jpg',
    likes: getRandomInt(15, 200),
    comments: arrayRandElement(commentsArray),
    description: arrayRandElement(descriptionArray)
};

//создание шаблона фотокарточки
function CreatePhotoTemplate(phtCard) {
    var picture_template = document.querySelector('#picture-template').content;
    var card = picture_template.cloneNode(true);

    card.querySelector('img').src = phtCard.url;
    card.querySelector('.picture-likes').textContent = phtCard.likes;
    card.querySelector('.picture-comments').textContent = phtCard.comments;

    return card;
};

for (let i = 0; i < 25; i++) {
    ???
};

1 ответ 1

0

Что-то такое?

let array = (new Array(25)).fill(undefined).map(
  (_,index)=> ({
            url: `photos/${index}.jpg`,
            likes: (Math.random() * (200 - 15) + 15)|0,
            comments: "random Comment",
            description: "random Description"
        }
      )
);

console.log(array);

8
  • Можно же просто => ({ ... })); :)
    – entithat
    Commented 30 дек. 2020 в 11:44
  • @entithat подправил спс. Commented 30 дек. 2020 в 11:54
  • |0 + 15 - это баг.
    – Qwertiy
    Commented 30 дек. 2020 в 18:27
  • @Qwertiy почему это баг? Я всего лишь округлил Commented 30 дек. 2020 в 20:25
  • Потому что приоритет операций проверь.
    – Qwertiy
    Commented 30 дек. 2020 в 20:27

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.