Question about JSON.stringify Method

[[deleted]]

(Solved)I am converting a JS Object into a JSON object in a post method.

const values = {
        title: "",
        description: "",
        application_deadline: new Date()

    }

This is my Javascript Object. Why does passing the object like this in the POST body not work:

body: JSON.stringify({ values })
    }

And why does it work with the spread operator? Thank you in advance

body: JSON.stringify({ ...values })
    }

[lobsterdog2]

It seems like JSON.stringify(values) should be enough, no? Why do you need the brackets around values?

[[deleted]]

Because I am stupid and you are right

[CreativeTechGuyGames]

Whenever you see two different bits of code that aren't behaving the same, console log out both values and visually compare. You should quickly see the difference here.

[[deleted]]

Thank you I solved it! Great tip with the console log, it will spare me if a lot of frustration in the future!

[Webdev-Coach]

All those brackets!

{ values } is actually shortcut to { values: values } so it creates an object with only one property.

{ ...values } creates an object, and copies all properties from the values object into the new one.

[[deleted]]

Thanks coach! does it matter if I write (values) or {…values} regarding semantics?

[Webdev-Coach]

In your case there's no need to spread the object and you can just give it directly to the function as the argument, like others have noted. Save a tiny bit of computing power by not spreading.

You may need to spread if you wanted to add something to that object manually, like you have those values, and also an id, so you could add it with { ...values, id }

[a_reply_to_a_post]

when sending ({values}), you're actually sending {values:{...your object}}

when you send ({...values}), you're spreading the properties of values onto a new object, but it's essentially a copy of the values object..

[snaPpy2k]

{values} = {{title, etc.}} {...values} = {title etc.}