how to change key and value of object?

Question

how to change value of the object to an object contains key:value key:value to all models array if there any way please share it with me

const hello = [
    {
      brand: "Acura",
      models: [
        "2.2CL",
        "2.3CL",
        "3.0CL",
        "3.2CL",
        "ILX",
        "Integra",
        "Legend",
        "MDX",
        "NSX",
        "RDX",
        "3.5 RL",
        "RL",
        "RSX",
        "SLX",
        "2.5TL",
        "3.2TL",
        "TL",
        "TSX",
        "Vigor",
        "ZDX"
      ]
    },
    {
      brand: "Alfa Romeo",
      models: [
        "164",
        "8C Competizione",
        "GTV-6",
        "Milano",
        "Spider"
      ]
    },
    {
      brand: "AMC",
      models: [
        "Alliance",
        "Concord",
        "Eagle",
        "Encore",
        "Spirit"
      ]
    },

and make it like this for all models {value:"value", label:"value"},

const hello = [
    {
      brand: "Acura",
      models: [
       {value:"2.2CL", label:"2.2CL"},
       {value:"2.3CL", label:"2.3CL"},
       .

and make it like this for all models {value:"value", label:"value"},and make it like this for all models {value:"value", label:"value"},and make it like this for all models {value:"value", label:"value"},

Peterrabbit · Accepted Answer · 2022-10-21 17:40:58Z

4

Here is what you could do :

const hello = [{
    brand: "Acura",
    models: [
      "2.2CL",
      "2.3CL",
      "3.0CL",
      "3.2CL",
      "ILX",
      "Integra",
      "Legend",
      "MDX",
      "NSX",
      "RDX",
      "3.5 RL",
      "RL",
      "RSX",
      "SLX",
      "2.5TL",
      "3.2TL",
      "TL",
      "TSX",
      "Vigor",
      "ZDX"
    ]
  },
  {
    brand: "Alfa Romeo",
    models: [
      "164",
      "8C Competizione",
      "GTV-6",
      "Milano",
      "Spider"
    ]
  },
  {
    brand: "AMC",
    models: [
      "Alliance",
      "Concord",
      "Eagle",
      "Encore",
      "Spirit"
    ]
  },
];

const result = hello.map(item => {
  return {
    ...item,
    models: item.models.map(val => {
      return {
        value: val,
        label: val
      }
    })
  }
});

console.log(result)

answered Oct 21, 2022 at 17:40

Peterrabbit

2,2651 gold badge5 silver badges19 bronze badges

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

3 Comments

amghare Over a year ago

thank you what about if i want also brand to make it like this brand:{value:"bmw",label:"bmw"}

amghare Over a year ago

@Peterrabbit thank you what about if i want also brand to make it like this brand:{value:"bmw",label:"bmw"} –

Peterrabbit Over a year ago

@amghare then just add brand: {value: item.brand, label: item.brand}, and if there are no other fields than model and brand you can remove the ...item .

Franco Aguilera · Accepted Answer · 2022-10-21 17:46:23Z

1

Maybe this is not the best answer, but the map and reduce methods is what you are looking for

const result = hello.map((item) => {
  const models = item.models.reduce((acum, curr) => {
    acum.push({
      value: curr,
      label: curr,
    });

    return acum;
  }, []);

  return {
    brand: item.brand,
    models,
  };
});

answered Oct 21, 2022 at 17:46

Franco Aguilera

6801 gold badge8 silver badges27 bronze badges

Collectives™ on Stack Overflow

how to change key and value of object?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related