I have an array of objects. Is it possible to print key values using array.map method?
<div> +
array.map( x => {
return `<span class="key">"value"</span><br>
}) +
</div>
-
1Why not using entries(), keys() & values()?Amini– Amini2021-08-08 19:10:02 +00:00Commented Aug 8, 2021 at 19:10
-
Do you mean every key and every value of an object?Andy Ray– Andy Ray2021-08-08 19:11:10 +00:00Commented Aug 8, 2021 at 19:11
Add a comment
|
2 Answers
Try mapping through Object.keys() of every object in the array this way
<div>
array.map( obj => {
return obj.keys().map( key => {
return `<span class="${key}">${obj[key]}</span><br>`
)}
})
</div>
Comments
Try something like this:
const array = [{
key: '1',
value: 'value-1'
}, {
key: '2',
value: 'value-2'
}];
const text = array.map(x => `<span class="${x.key}">${x.value}</span><br>`).join("");
const element = document.querySelector('#log');
element.innerHTML = text;<div id="log"></div>5 Comments
Amini
wdym by "If your objects have key and value"? Doesn't objects have key value bu default?
Drag13
Objects can be empty, can have only key, whatever. Or I don't get the question right.
Drag13
@AmirrezaAmini if you want to iterate through the object, like through the dictionary, then
Object.entries should be the right choiceAmini
Yea I think you misunderstood it. He has definitely entries. Despite I told him, he can use entries, keys & values.
Drag13
Ill check tomorrow, in case- will delete the answer :)