How to dynamically convert Javascript Object Literal to String

Question

I want to convert

{
  ...
  {
    name: "Product 1",
    category: "Category 1"
  },
  {
    name: "Product 2",
    category: "Category 2"
  },
  ...
}

to

'Product 1 (Category 1)\r\nProduct 2 (Category 2)\r\n ... '

So my final render looks like:

Product 1 (Category 1)
Product 2 (Category 2)

Can anyone help me with this?

Answer 1

You can use map and join :

 const data = [ { name: "Product 1", category: "Category 1" }, { name: "Product 2", category: "Category 2" } ]; const res = data.map(({name, category}) => `${name} (${category})`).join('\r\n'); console.log(res);