Submit Javascript Object with Array of Object inside to the API

Question

Good day everyone,

I need a help on how to submit an object with array of object inside and the array of object should be from a checkboxes I've made.

This is my sample checkbox

<input type="checkbox" name="user.preferences" value="Hard" />
<input type="checkbox" name="user.preferences" value="Soft" />
<input type="checkbox" name="user.preferences" value="Small" />

My data javascript looks like this:

user:{ 
    preferences: [] 
}

When I alert theuser using JSON.stringify, I can able to see a result something like this.

{"preferences": ["Soft","Small"]}

But the problem is, the api that I'm using needs a format like this:

{
    "preferences": [
     {
         "preference": "Hard"
     },
     {
         "preference": "Soft"
     },
     // so on and so forth
    ]
}

Please somebody help me. Thank you

are you processing this data or is it being sent directly by the form? — David
– David, Commented Oct 15, 2018 at 3:25
You should not have duplicate id attribute values in your HTML — Phil
– Phil, Commented Oct 15, 2018 at 3:26

CertainPerformance · Accepted Answer · 2018-10-15 03:25:47Z

6

You should .map each string in preferences to an object with that preference as its key/value:

const user = {
  "preferences": ["Soft", "Small"]
};
user.preferences = user.preferences
  .map(preference => ({ preference }));
console.log(user);

answered Oct 15, 2018 at 3:25

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

2 Comments

jsonGPPD Over a year ago

But my another question is, how can I reverse it? from api to my javascript?

CertainPerformance Over a year ago

Just go the other way around: .map({ preference }) => preference)

Collectives™ on Stack Overflow

Submit Javascript Object with Array of Object inside to the API

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related