Convert an Array into object type

Question

I want to convert an array to object to specific object with key value pair.

[
    {
        "key": "out.of.stock",
        "value": "out of stock"
    },
    {
        "key": "buy.now",
        "value": "BUY NOW"
    },
    {
        "key": "notify.me",
        "value": "You'll receive an email"
    },
]

Output Required:

{
    labels :{
        "out.of.stock" : "out of stock",
        "buy.now" : "BUY NOW",
        "notify.me": "You'll receive an email"
        }
}

I tried using loadash (keyBy) but output is like:

{
   "out.of.stock": {
        "key": "out.of.stock",
        "value": "out of stock"
    },
    "buy.now":{
        "key": "buy.now",
        "value": "BUY NOW"
    },
    "notify.me": {
        "key": "notify.me",
        "value": "You'll receive an email"
    },
}

@Nur Is that why you gave all answers a minus because you think differently? 👀 — Adam Orłowski
– Adam Orłowski, Commented Jun 27, 2021 at 8:36
It is duplicated here. stackoverflow.com/q/42974735/14032355 — ikhvjs
– ikhvjs, Commented Jun 27, 2021 at 8:37

Adam Orłowski · Accepted Answer · 2021-06-27 08:37:57Z

2

const data = [
  {
    "key": "out.of.stock",
    "value": "out of stock"
  },
  {
    "key": "buy.now",
    "value": "BUY NOW"
  },
  {
    "key": "notify.me",
    "value": "You'll receive an email"
  },
]

const result = data.reduce((acc, next) => { 
  acc.labels[next.key] = next.value
  return acc
}, { labels: {} })

console.log(result)

edited Jun 27, 2021 at 8:37

answered Jun 27, 2021 at 8:32

Adam Orłowski

4,53226 silver badges35 bronze badges

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

1 Comment

Adam Orłowski Over a year ago

How is that a minus 🤷‍♂️

Liftoff · Accepted Answer · 2021-06-27 08:32:36Z

0

A simple for each will do the trick.

    var obj = {labels:{}};
    arr.forEach(e => {
      obj.labels[e.key] = e.value;
    });

var arr = [
    {
        "key": "out.of.stock",
        "value": "out of stock"
    },
    {
        "key": "buy.now",
        "value": "BUY NOW"
    },
    {
        "key": "notify.me",
        "value": "You'll receive an email"
    },
];

var obj = {labels:{}};
arr.forEach(e => {
  obj.labels[e.key] = e.value;
});

console.log(obj);

answered Jun 27, 2021 at 8:32

Liftoff

25.6k16 gold badges74 silver badges127 bronze badges

Comments

nazlikrmn · Accepted Answer · 2021-06-27 08:38:18Z

0

let a=data.map((x)=>{
   let obj={}
   obj[x.key]=x.value
   return obj
})

you can use map function first and then keyby

answered Jun 27, 2021 at 8:38

nazlikrmn

595 bronze badges

Comments

dave · Accepted Answer · 2021-06-27 08:42:07Z

0

I would just do Object.fromEntries(data.map(({key, value}) => [key, value]))

const data = [
    {
        "key": "out.of.stock",
        "value": "out of stock"
    },
    {
        "key": "buy.now",
        "value": "BUY NOW"
    },
    {
        "key": "notify.me",
        "value": "You'll receive an email"
    },
]

console.log(
    Object.fromEntries(data.map(({key, value}) => [key, value]))
)

answered Jun 27, 2021 at 8:42

dave

65.1k6 gold badges81 silver badges98 bronze badges

Comments

Ran Turner · Accepted Answer · 2021-06-27 08:51:42Z

0

I suggest using the forEach() method which will execute a provided function once for each array element. in that function you'll do the assignment for the new object by applying the key with the correlative value under the labels property object.

const data = [
    {
        "key": "out.of.stock",
        "value": "out of stock"
    },
    {
        "key": "buy.now",
        "value": "BUY NOW"
    },
    {
        "key": "notify.me",
        "value": "You'll receive an email"
    },
];

let obj = {"labels" :{}};
data.forEach(x => obj.labels[x.key] = x.value);

console.log(obj);

answered Jun 27, 2021 at 8:51

Ran Turner

18.7k9 gold badges60 silver badges60 bronze badges

Comments

fdomn-m · Accepted Answer · 2021-06-27 09:05:13Z

0

const data = [
    {
      key: "out.of.stock",
      value: "out of stock",
    },
    {
      key: "buy.now",
      value: "BUY NOW",
    },
    {
      key: "notify.me",
      value: "You'll receive an email",
    },
  ];

  const obj = { label: {} };

  Object.values(data).map(({ key, value }) => {
    return (obj.label[key] = value);
  });


console.log(obj)

edited Jun 27, 2021 at 9:05

fdomn-m

28.8k8 gold badges39 silver badges70 bronze badges

answered Jun 27, 2021 at 8:53

Parag Rudani

1

Comments

Siva Kondapi Venkata · Accepted Answer · 2021-07-08 07:32:39Z

0

Assuming the key/value order in the array, Try Object.fromEntries(data.map(Object.values))

const data = [
    {
        "key": "out.of.stock",
        "value": "out of stock"
    },
    {
        "key": "buy.now",
        "value": "BUY NOW"
    },
    {
        "key": "notify.me",
        "value": "You'll receive an email"
    },
]

const labels = Object.fromEntries(data.map(Object.values));

console.log({ labels })

answered Jul 8, 2021 at 7:32

Siva Kondapi Venkata

11.1k2 gold badges20 silver badges32 bronze badges

Collectives™ on Stack Overflow

Convert an Array into object type

7 Answers 7

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related