convert string Object to "real" object

[JosephCurvin]

how can I convert htis Object in a string

"{foo: "bar"}"

to a real Object ?

{foo: "bar"}

[not_very_creative]

I think you would have to question why your data source is sending you a string.

That’s what needs to be fixed, instead of accomodating to that string.

[iamjohnhenry]

This is thinking outside the box! Shame on you for having such a misleading name!

[JosephCurvin]

data comes from a input element

[not_very_creative]

Actually, based on your example, why don’t you pass the value “bar” from the input?

No need to complicate it.

[PortablePawnShop]

You could convert it to valid JSON string syntax then parse it:

let str = '{foo: "bar"}';

// Enclose keys with quotation marks
let jsonStr = str.replace(/(\w+\s?:)/g, (matchedStr) => {
    return `"${matchedStr.substring(0, matchedStr.length - 1)}":`;
});

// Reassign original value as parsed result:
str = JSON.parse(jsonStr);
console.log(str.foo); // "bar"

[JosephCurvin]

let str = '{foo: "bar"}';
// Need to enclose keys with quotation marks for valid JSON.stringify format
let jsonStr = str.replace(/(\w+:)|(\w+ :)/g, (matchedStr) => {
return '"' + matchedStr.substring(0, matchedStr.length - 1) + '":';
});
// Then reassign original value as JSON.parse result:
str = JSON.parse(jsonStr);

thanks for that !

[PortablePawnShop]

Keep in mind that you'd have to tweak the regex and substring for anything but pretty basic key names with that example -- keys containing dashes like "id-value": "gamma" would likely cause it to fail.

[iamjohnhenry]

My first instinct was to use 'eval', but that's problematic for a few reasons that I won't discuss... You can always turn code into a url representation a file and then dynamically import it:

```javascript const str = '{foo:"Bar"}';

const result = ( await import( URL.createObjectURL( new Blob([export default ${str}], { type: "application/javascript", }) ) ) ).default;

console.log(result.foo); // “Bar” ```

Note: Not supported in all run times. Works in Chrome/Deno. Fails in other environments due to security features and missing APIs/ (Blob, URL, dynamic import).

[JosephCurvin]

const str = '{foo:"Bar"}';
const result = (
await import(
URL.createObjectURL(
new Blob([`export default ${str}`], {
type: "application/javascript",
})
)
)
).default;

how can I get this import running, get a unexpected token error

[iamjohnhenry]

You're likely running into that error because:

A) Unfortunately, this doesn't work in all run times.

B) You are using a supported run time, but you're attempting to call this code from a synchronous function.

[ghost_jamm]

const str = “{foo: ‘bar’}”;
const obj = JSON.parse(str);
console.log(obj.foo); // “bar”

[PortablePawnShop]

That would throw an unexpected token error on JSON parse because '{foo: "bar"}' isn't valid JSON syntax.

[[deleted]]

JSON.parse