Deciphering JSON string without quotation marks

Question

Deciphering JSON string without quotation marks

What's the most straightforward way to parse an unquoted JSON string?
For instance, if I have something like this:

{property1:value1, property2:value2}

Using the following code will result in an error:

JSON.parse(badJSONString);

This is because a valid JSON should have keys and values enclosed in quotes: {"property1":"value1"}

javascript json string parsing

Answer 1

Answer №1

If your data is consistent (and that might be a big if), you can apply a straightforward function to process the string. This method may prove inadequate when dealing with strings containing commas or colons in the values, such as '{property1:val:ue1 ,property2:val,ue2}', but these scenarios would likely pose challenges regardless without proper delimiters.

let bad = '{property1:value1,property2:value2}'
let obj = bad.slice(1, -1).split(/\s?,\s?/)
    .map(item => item.split(':'))
    .reduce((a, [key, val]) => Object.assign(a, {[key]: val}), {})

console.log(obj)

Answer 2

If your data is consistent (and that might be a big if), you can apply a straightforward function to process the string. This method may prove inadequate when dealing with strings containing commas or colons in the values, such as '{property1:val:ue1 ,property2:val,ue2}', but these scenarios would likely pose challenges regardless without proper delimiters.

let bad = '{property1:value1,property2:value2}'
let obj = bad.slice(1, -1).split(/\s?,\s?/)
    .map(item => item.split(':'))
    .reduce((a, [key, val]) => Object.assign(a, {[key]: val}), {})

console.log(obj)

Answer 3

Answer №2

One potential solution is as follows:

var str = "{key1:value1,key2:value2}"; // string (unquoted JSON)

var cleanStr = str.trim().substring(1, str.length - 1); // remove curly braces

var keyValuePairs = cleanStr.split(',');              // create an array like ["key1:value1", "key2:value2"]
var result = {};
var pair;
for (var index = 0, length = keyValuePairs.length; index < length; index++) {
  pair = keyValuePairs[index].split(':');               // create an array like ["key1","value1"]
  result[pair[0].trim()] = pair[1].trim();   // assign value to key (remove whitespace from both ends)
}
console.log(result)

Check out the code on jsfiddle

Answer 4

One potential solution is as follows:

var str = "{key1:value1,key2:value2}"; // string (unquoted JSON)

var cleanStr = str.trim().substring(1, str.length - 1); // remove curly braces

var keyValuePairs = cleanStr.split(',');              // create an array like ["key1:value1", "key2:value2"]
var result = {};
var pair;
for (var index = 0, length = keyValuePairs.length; index < length; index++) {
  pair = keyValuePairs[index].split(':');               // create an array like ["key1","value1"]
  result[pair[0].trim()] = pair[1].trim();   // assign value to key (remove whitespace from both ends)
}
console.log(result)

Check out the code on jsfiddle

Deciphering JSON string without quotation marks

Answer №1

Answer №2

Similar questions

The perplexing results received when using the npm outdated command

Create a toggle effect using attribute selectors in CSS and JavaScript

Unfortunately, the input type number does not allow for the removal of decimal points

Creating a line break in a Vue.js confirmation dialog is a helpful feature that can be achieved with a

Troubleshooting the issue of JavaScript not executing on elements with a specific CSS class

Implementing the 'bootstrap tour' feature in a Ruby on Rails application

"What is the best way to access the value of a useState variable in ReactJS on a global

lowdb only modifies a single piece of information in the JSON file

Tips for showing a success notification once a PHP script has been successfully completed on a form

`Optimizing Performance using jQuery Functions and AJAX`

Leveraging a single jquery ajax request to handle various loops

How can I fetch data from a PHP file using an Ajax request?

Unexpected equals sign caused JSON conversion to fail

Retrieving data from a SimpleXMLElement in PHP

Changing id to a model in params in Rails 4

Loading a Vue.js template dynamically post fetching data from Firebase storage

Tips for creating multiple entries in JSON format

I am having issues with the external CSS and JS files not functioning properly in my project

"Step-by-step guide on deactivating SmartyStreets/LiveAddress with an onclick function

Can the order of event bubbling be altered in JavaScript?