Получить все значения javascript обьекта!
Вот у меня есть к примеру код:
var inventory = {}; inventory.coin1 = "<b>1 Рубль 1890 года</b>"; inventory.coin2 = "<b>2 Рубля 1890 года</b>"; inventory.coin3 = "<b>3 копейки 1890 года</b>"; inventory.coin5 = "<b>5 Рублей 1890 года</b>"; inventory - добавляю в обьект 4 позиции, мне нужно следующее получить и вывести все эти позиции к примеру в div блок c id='inv', получить нужно именно сами значения. Как поштучно вывести я знаю, в цикле выводит только последние значение, а как сделать так что бы разом вывести все в div блок, я постепенно буду наполнять этот обьект, и всегда нужно что бы выводилось все в блок на страницу, что бы я видел все элементы обьекта. К примеру после пополнения блок должен выглядеть так! <div id='inv'> <b>1 Рубль 1890 года</b> <b>2 Рубля 1890 года</b> <b>3 копейки 1890 года</b> <b>5 Рублей 1890 года</b> </div> Это как бы инвентарь, и туда будет все падать я даже не знаю правильный ли я выбрал подход для данной задачи! Помогите разобраться пожалуйста, я новичок в этом деле подскажите маленько, или ссылки на что то похожее! |
imult87,
в чём проблема сформировать строку с помощью for in и вставить в innerHTML https://learn.javascript.ru/object-for-in#for..in |
Ну вот я к примеру так делаю!
for (key in inventary) { $('#inv').html(inventary[key]); } Выводит лишь последний элемент, можете поподробнее обьяснить может я что то не то делаю? Есть примеры нужного мне решения? |
Цитата:
Цитата:
var str =""; for (key in inventary) { str+= inventary[key] } $('#inv').html(str); |
Спасибо что помогаете завтро попробую отпишусь, и плюсану:-)
|
Цитата:
|
если нужны свойства только из объекта (но не из прототипа), то надо проверять hasOwnProperty в цикле for in
|
imult87,
для новых браузеров можно так <div id='inv'></div> <script> var inventory = {}; inventory.coin1 = "<b>1 Рубль 1890 года</b>"; inventory.coin2 = "<b>2 Рубля 1890 года</b>"; inventory.coin3 = "<b>3 копейки 1890 года</b>"; inventory.coin5 = "<b>5 Рублей 1890 года</b>"; document.getElementById('inv').insertAdjacentHTML('beforeEnd',Object.values(inventory).join("<br>")); </script> |
рони, Все работает то что мне было нужно спасибо! Всем остальным так же спасибо за помощь!
![]() |
Часовой пояс GMT +3, время: 02:34. |