CODEWITHSUNDEEP
javascriptarrayslist
manju k
manju k

Reputation: 21

how to convert object to list in javascript

Here is my Input Could you all help me out to get the all object based on values as list

{
    Jack: 2,
    olive: 1,
    harry: 2
}

Want my output to be

harry = 2          
olive = 1
jack  = 2

Let me know if there is a way to get the output as mentioned above in javascript

Upvotes: 1

Views: 2190

Answers (4)

TobyMike-max
TobyMike-max

Reputation: 16

I know I'm probably not answering the question but, this just shows it in the DOM instead of the console. If you want an ordered list just change the <ul> (opening and closing tags) to <ol>

<!DOCTYPE html>
<head>
    <title>Document</title>
</head>
<body>
    
<div class="output"></div>


<script>
const data = {
  Jack: 2,
  Olive: 1,
  Harry: 2
};
const entries = Object.entries(data);
let output = '<h1> Output </h1>';

entries.forEach(([key, value]) => {
output += `<ul>
    <li> ${key} = ${value} </li>
    </ul>`;
   document.querySelector('.output').innerHTML = output;
});
</script>
</body>
</html>

Upvotes: 0

Day Dreamer
Day Dreamer

Reputation: 21

Please check Object.entries() or Object.keys().

Object.entries():- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

Object.keys():- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

Upvotes: 0

Alexander Staroselsky
Alexander Staroselsky

Reputation: 38767

You could try the following:

const result = Object.entries(theObject).map(([key, value]) => `${key.toLowerCase((} = ${value}`).join(‘\n’);
console.log(result);

Hopefully that helps!

Upvotes: 1

Hans Krohn
Hans Krohn

Reputation: 433

You can use the function Object.entries(object) and loop over all the entries to log the information how you want.

For more information on Object.entries(object) visit https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

const data = {
  Jack: 2,
  olive: 1,
  harry: 2
};

const entries = Object.entries(data);

entries.forEach(([key, value]) => console.log(`${key} = ${value}`));

Upvotes: 3

Related Questions