Remove hash symbol from JSON object using Javascript

Question

Remove hash symbol from JSON object using Javascript

After converting a JSON string into a Javascript object, I encountered an issue with accessing a specific value within it. Here is an example of what I'm dealing with:

"link": {
            "#tail": "\n\n\t\t",
            "#text": "http://static2.server.com/file.mp3"
          },

I am trying to retrieve the value of "text" in Javascript, but the "#" symbol is causing difficulties.

To address this problem, I attempted to clean up the string using the following code snippet:

var myJSONString = JSON.stringify(response);
      var myEscapedJSONString = myJSONString.replace(/[^\u0000-\u007F]+/g, "").replace("#","t");

Unfortunately, this approach did not successfully remove the "#" symbol from the key part even after converting the object into a string using stringify.

javascript json

Answer 1

Answer №1

There doesn't seem to be an issue with using the # as a key in this context. Any valid string can serve as an object key. However, if you prefer to avoid using strings, you can replace it using regular expressions (assuming the hash character is only at the beginning of each key):

const cleanObj = JSON.parse(JSON.stringify(response).replace(/\"#/gm,'"'))
console.log(cleanObj.link.text);

I didn't encounter any problems when accessing and cleaning up through JavaScript either.

var cleanObject = { link: {} };

Object.keys(response.link).map(function(key) { 
    cleanObject.link[key.substring(1)] = response.link[key];
})

Check out the Fiddle here: https://jsfiddle.net/p5cvvqzu/

Answer 2

There doesn't seem to be an issue with using the # as a key in this context. Any valid string can serve as an object key. However, if you prefer to avoid using strings, you can replace it using regular expressions (assuming the hash character is only at the beginning of each key):

const cleanObj = JSON.parse(JSON.stringify(response).replace(/\"#/gm,'"'))
console.log(cleanObj.link.text);

I didn't encounter any problems when accessing and cleaning up through JavaScript either.

var cleanObject = { link: {} };

Object.keys(response.link).map(function(key) { 
    cleanObject.link[key.substring(1)] = response.link[key];
})

Check out the Fiddle here: https://jsfiddle.net/p5cvvqzu/

Answer 3

Answer №2

Have you considered removing the # symbols from the keys before utilizing the object?

function removeHashes(obj) {
    var updatedObj = {};
    Object.keys(obj).forEach(function(key) {
        updatedObj[key.substr(1)] = item[key];
    });
    return updatedObj;
}

By implementing this function, you will receive a new object with the hashes removed from the original object's keys.

Answer 4

Have you considered removing the # symbols from the keys before utilizing the object?

function removeHashes(obj) {
    var updatedObj = {};
    Object.keys(obj).forEach(function(key) {
        updatedObj[key.substr(1)] = item[key];
    });
    return updatedObj;
}

By implementing this function, you will receive a new object with the hashes removed from the original object's keys.

Remove hash symbol from JSON object using Javascript

Answer №1

Answer №2

Similar questions

Executing a Javascript function post AJAX page loading

Guide on creating a conditional column in a kendo UI grid with the use of AngularJS

Establishing a self-referential relationship in Sequelize using a junction table

Transforming Thomas J Bradley's signature pad JSON into a PNG file using C# programming language

The initial render of children elements in React Google Maps Api may not display properly

Steps for filling in checkboxes within a table using data from a Django model

The error of 'illegal invocation' occurs when attempting to use input setCustomValidity with TypeScript

Issue with Angular binding not updating after being assigned in promise.then() function

Fade out the jQuery message after a brief 2-second pause

The functionality of this code is effective, however, it would be more efficient if it were implemented as a loop

Updating JSON data from PHP using jQuery periodically

Using the JavascriptExecutor in Selenium WebDriver

Cookies cannot be used in browsers other than Chrome, nor can HTML5 local storage

Stopping the execution in JavaScript: Is there a way to do it?

Using HTML5 Canvas: Implementing an Image.onload() function through Image.prototype

Adding pointlights to the camera in three.js is a great way to

Updating global variable in JavaScript at inappropriate times

Performing a JQuery Event only once

What is the optimal method for interacting with a backend service in AngularJS?

What is the best way to implement a conditional data-attribute tag in order to trigger JavaScript functionality?