Javascript transform Object key to object values

Question

I have an object that gives counts per day, and the date is the key. I would like to create a new object that has two properties (day and count) that uses the key:value pair.

This is the input format I have, and the structure I'm trying to achieve:

const have = {
    "2022/01/01":0, 
    "2022/01/02":10, 
    "2022/01/03":12, 
    "2022/01/04":6, 
    "2022/01/05":8
};

const want = [
        {day:"2022/01/01",count:0},
        {day:"2022/01/02",count:10},
        {day:"2022/01/03",count:12},
        {day:"2022/01/04",count:6},
        {day:"2022/01/05",count:8},
    ];

I've only gotten as far as printing each key and value to the log, but unsure how I can add these to a new object

let want = new Object();
Object.keys(have).forEach(function (key) {
    console.log(key);
    console.log(have[key]);
});

you could array.map() object's keys Object.keys(have).map(key => { return { day: key, count: have[key] } }) — GrafiCode
– GrafiCode, Commented Aug 18, 2022 at 9:53

Hoàng Huy Khánh · Accepted Answer · 2022-08-18 09:54:39Z

1

Here you go

const have = {
  "2022/01/01": 0,
  "2022/01/02": 10,
  "2022/01/03": 12,
  "2022/01/04": 6,
  "2022/01/05": 8
};
const want = Object.keys(have).map((key) => ({
  day: key,
  count: have[key]
}));

answered Aug 18, 2022 at 9:54

Hoàng Huy Khánh

1,58213 silver badges18 bronze badges

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

Comments

Maniraj Murugan · Accepted Answer · 2022-08-18 09:53:55Z

1

You can try with array.map by taking up the object entries like,

const have = {
    "2022/01/01":0, 
    "2022/01/02":10, 
    "2022/01/03":12, 
    "2022/01/04":6, 
    "2022/01/05":8
};

const want = Object.entries(have).map(([day, count]) => ({
  day: day,
  count: count
}));

console.log(want)

answered Aug 18, 2022 at 9:53

Maniraj Murugan

9,11424 gold badges77 silver badges125 bronze badges

Comments

mithus7 · Accepted Answer · 2022-08-18 09:54:00Z

1

Iterate over keys and map them to a new array:

Object.keys(have).map(entry => { return { date: entry, count: have[entry]}})

answered Aug 18, 2022 at 9:54

mithus7

5855 silver badges10 bronze badges

Comments

thedude · Accepted Answer · 2022-08-18 09:54:27Z

1

You can use Object.entries for this:

const want = Object.entries(have).map(([day, count]) => ({day, count}))

answered Aug 18, 2022 at 9:54

thedude

9,8371 gold badge34 silver badges33 bronze badges

Comments

Fabio · Accepted Answer · 2022-08-18 10:01:54Z

1

Just use Array.map function to get your required format returned:

const want = Object.keys(have).map((key) => ({
  day: key, count:have[key]
}));

edited Aug 18, 2022 at 10:01

answered Aug 18, 2022 at 9:56

Fabio

5486 silver badges10 bronze badges

Comments

svarog · Accepted Answer · 2022-08-18 09:52:57Z

0

Using a regular for..in loop, just traverse the keys, get the values and push to an empty array

let want = [];
for (let key in have) {
    want.push({
        day: key,
        count: obj[key]
    })
}

answered Aug 18, 2022 at 9:52

svarog

9,8755 gold badges66 silver badges79 bronze badges

Collectives™ on Stack Overflow

Javascript transform Object key to object values

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related