Array of object value printing in javascript

Question

I want to print expected output values in two loop using map, Can you please help me.

var data=[{'2021':['Q2 2021','Q3 2021','Q4 2021']},
     {'2022':['Q1 2022','Q2 2022']}
    ]
   
   data.map((obj,ind)=>{
    console.log(Object.keys(obj));
    Object.keys(obj).map((yearQuarter, i) => {
                  console.log(obj[yearQuarter]);
                  })
   })
   //getting output
   //['2022']
   //['Q1 2022', 'Q2 2022']
   //Expected Output
   //'2022'
   //'Q1 2022`
   //'Q2 2022`

flyingfox · Accepted Answer · 2022-10-21 10:02:46Z

1

We can use replace to make obj[yearQuarter] print by multiple lines

var data=[{'2021':['Q2 2021','Q3 2021','Q4 2021']},
     {'2022':['Q1 2022','Q2 2022']}
    ]

data.map((obj,ind)=>{
  console.log(Object.keys(obj)[0]);
  Object.keys(obj).forEach((yearQuarter, i) => {
      console.log(obj[yearQuarter].toString().replace('[]','').replaceAll(',','\n'))
   })
})

edited Oct 21, 2022 at 10:02

answered Oct 21, 2022 at 9:36

flyingfox

13.5k4 gold badges30 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

pilchard Over a year ago

don't use map() as forEach(). JavaScript: Difference between .forEach() and .map()

Supriya Kumari Over a year ago

This is not working in react

flyingfox Over a year ago

@SupriyaKumari What's the prolem,it has nothing to do with react,you might need to change \n to <br/>

Supriya Kumari Over a year ago

Still not working, is there any other way?

flyingfox Over a year ago

@SupriyaKumari need to know more details about your code,maybe we need a chat

|

Rohìt Jíndal · Accepted Answer · 2022-10-21 12:34:06Z

0

As per my understanding, You want to print both key as well as the values (In a string format). If Yes, You are iterating the input object in a right way. Just to print the values, you can use template literals.

Live Demo :

var data = [
  {'2021':['Q2 2021','Q3 2021','Q4 2021']},
  {'2022':['Q1 2022','Q2 2022']}
];

data.map((obj,ind)=>{
  Object.keys(obj).map((yearQuarter, i) => {
    console.log(`${yearQuarter} : ${obj[yearQuarter].join(', ')}`);
  })
})

answered Oct 21, 2022 at 12:34

Rohìt Jíndal

27.4k16 gold badges80 silver badges133 bronze badges

Comments

A1exandr Belan · Accepted Answer · 2022-10-21 13:13:22Z

0

Another approach is to make a complete line with newline characters and print it all at once

const data = [{'2021':['Q2 2021','Q3 2021','Q4 2021']},{'2022':['Q1 2022','Q2 2022']}];

const renderYear = (obj) => Object.entries(obj)
  .map(([year, quarters]) => `${year}\n${quarters.join("\n")}`);
  
const renderYears = (arr) => arr.flatMap(renderYear).join("\n")

console.log(renderYears(data));

.as-console-wrapper { max-height: 100% !important; top: 0 }

answered Oct 21, 2022 at 13:13

A1exandr Belan

4,7803 gold badges30 silver badges53 bronze badges

Collectives™ on Stack Overflow

Array of object value printing in javascript

3 Answers 3

9 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

9 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related