Convert object string to JSON

Question

How can I convert a string that describes an object into a JSON string using JavaScript  or jQuery    e g  Convert this  NOT a valid JSON string      var str      hello   world   places    Africa    America    Asia    Australia        into this   str       hello    world    places     Africa    America    Asia    Australia        I would love to avoid using eval   if possible

User · Answer

For your simple example above  you can do this using 2 simple regex replaces   var str      hello   world   places    Africa    America    Asia    Australia       str replace    w    g     1     replace    g           gt      hello    world    places     Africa    America    Asia    Australia        Big caveat  This naive approach assumes that the object has no strings containing a   or   character  For example  I can t think of a good way to convert the following object-string to JSON without using eval      hello   world   places     America  The Progressive s Nightmare

User · Answer

I hope this little function converts invalid JSON string to valid one  function JSONize str      return str        wrap keys without quote with valid double quote      replace       w    s   g  function     1  return   quot    1   quot                 replacing single quote wrapped ones to double quote       replace            g  function     1  return   quot    1   quot                 Result let invalidJSON    quot   hello   world  foo 1   bar     2   foo1  1   bar   2   2  3   xxx   5    quot fuz  quot   4  places    Africa    America    Asia    Australia     quot  JSON parse invalidJSON     Result  Uncaught SyntaxError  Unexpected token h VM1058 2 JSON parse JSONize invalidJSON      Result  Object  hello   quot world quot   foo  1  bar   quot 2 quot   foo1  1   bar  2

User · Answer

There s a much simpler way to accomplish this feat  just hijack the onclick attribute of a dummy element to force a return of your string as a JavaScript object   var jsonify    function div     return function json       div setAttribute  onclick    this   json         json       div click        return div   json           document createElement  div         Let s say you had a string like    one  1     malformed  a key without quotes     jsonify    one  1     will output a good ol  JS object      Here s a demo  http   codepen io csuwldcat pen dfzsu  open your console

User · Answer

Using new Function   is better than eval  but still should only be used with safe input   const parseJSON   obj   gt  Function   use strict  return      obj            console log parseJSON   a  4-1   b function      c new Date          outputs  Object   a  3  b  b    c  Date 2019-06-05T09 55 11 777Z     Sources  MDN  2ality

User · Answer

Use with caution  because of eval      function strToJson str      eval  var x       str           return JSON stringify x       call as   var str      hello   world   places    Africa    America    Asia    Australia       alert  strToJson str

User · Answer

Your best and safest bet would be JSON5     JSON for Humans  It is created specifically for that use case    x000D   x000D  const result   JSON5 parse    hello   world   places    Africa    America    Asia    Australia        x000D   x000D  console log JSON stringify result    x000D   lt script src  https   cdnjs cloudflare com ajax libs json5 0 5 1 json5 min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

Douglas Crockford has a converter  but I m not sure it will help with bad JSON to good JSON   https   github com douglascrockford JSON-js

User · Answer

This will also work let str    quot   hello   world   places    Africa    America    Asia    Australia     quot  let json   JSON stringify eval  quot   quot   str   quot   quot

User · Answer

var str      hello   world   places    Africa    America    Asia    Australia       var json   JSON stringify eval       str

User · Answer

Use simple code in the link below    http   msdn microsoft com es-es library ie cc836466 28v vs 94 29 aspx  var jsontext      firstname   Jesper   surname   Aaberg   phone    555-0100   555-0120      var contact   JSON parse jsontext     and reverse  var str   JSON stringify arr

User · Answer

Just for the quirks of it  you can convert your string via babel-standalone   x000D   x000D  var str      hello   world   places    Africa    America    Asia    Australia       x000D   x000D  function toJSON     x000D    return   x000D      visitor    x000D        Identifier path    x000D          path node name         path node name       x000D           x000D        StringLiteral path    x000D          delete path node extra x000D          x000D        x000D      x000D    x000D  Babel registerPlugin  toJSON   toJSON   x000D  var parsed   Babel transform       str          x000D    plugins    toJSON   x000D      x000D  var json   parsed code slice 1  -2  x000D  console log JSON parse json   x000D   lt script src  https   unpkg com  babel standalone babel min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

You need to use  eval  then JSON stringify then JSON parse to the result    var errorString     hello   world   places    Africa    America    Asia    Australia        var jsonValidString   JSON stringify eval       errorString          var JSONObj JSON parse jsonValidString

User · Answer

Maybe you have to try this   str   jQuery parseJSON str

User · Answer

You have to write round brackets  because without them eval will consider code inside curly brackets as block of commands    var i   eval     hello   world   places    Africa    America    Asia    Australia

User · Answer

var str      hello   world   places    Africa    America    Asia    Australia      var fStr   str  replace    A-z       g     1      replace    g         console log JSON parse fStr    Sorry I am on my phone  here is a pic

User · Answer

Disclaimer  don t try this at home  or for anything that requires other devs taking you seriously   JSON stringify eval       str            There  I did it  Try not to do it tho  eval is BAD for you  As told above  use Crockford s JSON shim for older browsers  IE7 and under   This method requires your string to be valid javascript  which will be converted to a javascript object that can then be serialized to JSON   edit  fixed as Rocket suggested

User · Answer

If the string is from a trusted source  you could use eval then JSON stringify the result  Like this   var str      hello   world   places    Africa    America    Asia    Australia       var json   JSON stringify eval       str            Note that when you eval an object literal  it has to be wrapped in parentheses  otherwise the braces are parsed as a block instead of an object   I also agree with the comments under the question that it would be much better to just encode the object in valid JSON to begin with and avoid having to parse  encode  then presumably parse it again  HTML supports single-quoted attributes  just be sure to HTML-encode any single quotes inside strings

User · Answer

Your string is not valid JSON  so JSON parse  or jQuery s   parseJSON  won t work   One way would be to use eval to  parse  the  invalid  JSON  and then stringify it to  convert  it to valid JSON   var str      hello   world   places    Africa    America    Asia    Australia      str   JSON stringify eval     str          I suggest instead of trying to  fix  your invalid JSON  you start with valid JSON in the first place   How is str being generated  it should be fixed there  before it s generated  not after   EDIT  You said  in the comments  this string is stored in a data attribute    lt div data-object   hello  world    gt  lt  div gt    I suggest you fix it here  so it can just be JSON parsed   First  both they keys and values need to be quoted in double quotes   It should look like  single quoted attributes in HTML are valid     lt div data-object    hello   world    gt  lt  div gt    Now  you can just use JSON parse  or jQuery s   parseJSON    var str      hello   world     var obj   JSON parse str

User · Answer

I put my answer for someone who are interested in this old thread   I created the HTML5 data-  parser for jQuery plugin and demo which convert a malformed JSON string into a JavaScript object without using eval     It can pass the HTML5 data-  attributes bellow    lt div data-object    hello   world    gt  lt  div gt   lt div data-object   hello  world    gt  lt  div gt   lt div data-object  hello world  gt  lt  div gt    into the object         hello   world

User · Answer

A solution with one regex and not using eval   str replace     s S                  s S     g    1   3   5     This I believe should work for multiple lines and all possible occurrences   g flag  of single-quote  string  replaced with double-quote  string

User · Answer

jQuery parseJSON  str   jQuery parseJSON str    Edit  This is provided you have a valid JSON string

[javascript] Convert object string to JSON

Examples related to javascript

Examples related to json

Examples related to object