How to extract a property name from an object in JavaScript without using quotation

Question

How to extract a property name from an object in JavaScript without using quotation

I currently have an object that resembles the following:

const obj = {
  id: 1,
  name: {
    "english-us": "John",
    "english-uk": "John",
    "italian-eu": "Giovanni",
  },
};

My goal is to convert all property names that are strings into non-string ones, like so:

const obj = {
  id: 1,
  name: {
    english_us: "John",
    english_uk: "John",
    italian_eu: "Giovanni",
  },
};

It's worth noting that I'm unable to alter the original object as it comes from an axios request.

javascript string object key

Answer 1

Answer №1

To manipulate the data in JavaScript, you can utilize regular expressions (regex) along with the stringify method.

let output = JSON.parse(JSON.stringify(obj).replace(/"(.*?)":.*?,?/g,
                                       key=>key.replace(/\-/g, `_`)));

The resulting Output will be:

console.log(JSON.stringify(output, null, 4));
/*
{
    "id": 1,
    "name": {
        "english_us": "John",
        "english_uk": "John",
        "italian_eu": "Giovanni"
    }
}*/

Answer 2

To manipulate the data in JavaScript, you can utilize regular expressions (regex) along with the stringify method.

let output = JSON.parse(JSON.stringify(obj).replace(/"(.*?)":.*?,?/g,
                                       key=>key.replace(/\-/g, `_`)));

The resulting Output will be:

console.log(JSON.stringify(output, null, 4));
/*
{
    "id": 1,
    "name": {
        "english_us": "John",
        "english_uk": "John",
        "italian_eu": "Giovanni"
    }
}*/

Answer 3

Answer №2

Looking to duplicate the item? Consider exploring this answer that provides guidance on defining the attributes: click here

Answer 4

Looking to duplicate the item? Consider exploring this answer that provides guidance on defining the attributes: click here

Answer 5

Answer №3

There are multiple approaches to achieve this task. In the following example, a function is used to convert keys during each iteration of the name entries. The properties are then added to a new object called names, which is eventually merged into a new object along with the existing properties of the original object.

const obj = {
  id: 1,
  name: {
    "english-us": "John",
    "english-uk": "John",
    "italian-eu": "Giovanni",
  },
};

const convert = (key) => key.replace('-', '_');

const updatedName = {};

for (const [key, value] of Object.entries(obj.name)) {
  updatedName[convert(key)] = value;
}

const newObj = { ...obj, name: updatedName };

console.log(newObj);

Answer 6

There are multiple approaches to achieve this task. In the following example, a function is used to convert keys during each iteration of the name entries. The properties are then added to a new object called names, which is eventually merged into a new object along with the existing properties of the original object.

const obj = {
  id: 1,
  name: {
    "english-us": "John",
    "english-uk": "John",
    "italian-eu": "Giovanni",
  },
};

const convert = (key) => key.replace('-', '_');

const updatedName = {};

for (const [key, value] of Object.entries(obj.name)) {
  updatedName[convert(key)] = value;
}

const newObj = { ...obj, name: updatedName };

console.log(newObj);

Answer 7

Answer №4

One way to manipulate data is by converting objects to JSON and then back again.

const obj = {
  id: 2,
  name: {
    "english-us": "Alice",
    "english-uk": "Alice",
    "italian-eu": "Alicia",
  },
};
console.log(JSON.parse(JSON.stringify(obj)))

Answer 8

One way to manipulate data is by converting objects to JSON and then back again.

const obj = {
  id: 2,
  name: {
    "english-us": "Alice",
    "english-uk": "Alice",
    "italian-eu": "Alicia",
  },
};
console.log(JSON.parse(JSON.stringify(obj)))

Answer 9

Answer №5

Here are two methods to duplicate an object and change all keys within its name property:

const obj = {
  id: 1,
  name: {
    "english-us": "John",
    "english-uk": "John",
    "italian-eu": "Giovanni",
  },
};
// Make a copy of obj
const myObj = window.structuredClone ?
  structuredClone(obj) : JSON.parse(JSON.stringify(obj));

// Modify the keys in myObj.name
Object.keys(myObj.name).forEach(key => {
  myObj.name[key.replace(/\-/g, `_`)] = myObj.name[key];
  delete myObj.name[key];
});

console.log(myObj.name.english_us);
// The original obj remains unchanged
console.log(obj.name[`english-us`]);
// The key myObj.name[`english-us`] does not exist
console.log(myObj.name[`english-us`]);

// Another approach: clone and rename in a single step
const myObjClone = {
  ...obj,
  name: Object.fromEntries(
          Object.entries(obj.name)
            .reduce( (acc, [k, v]) => 
              [ ...acc, [ k.replace(/\-/g, `_`), v ] ] , [] ) )
};
console.log(myObjClone.name.italian_eu);
// The original obj is unaffected
console.log(obj.name[`italian-eu`]);
// The key myObjClone.name[`italian-eu`] does not exist
console.log(myObjClone.name[`italian-eu`]);

Answer 10

Here are two methods to duplicate an object and change all keys within its name property:

const obj = {
  id: 1,
  name: {
    "english-us": "John",
    "english-uk": "John",
    "italian-eu": "Giovanni",
  },
};
// Make a copy of obj
const myObj = window.structuredClone ?
  structuredClone(obj) : JSON.parse(JSON.stringify(obj));

// Modify the keys in myObj.name
Object.keys(myObj.name).forEach(key => {
  myObj.name[key.replace(/\-/g, `_`)] = myObj.name[key];
  delete myObj.name[key];
});

console.log(myObj.name.english_us);
// The original obj remains unchanged
console.log(obj.name[`english-us`]);
// The key myObj.name[`english-us`] does not exist
console.log(myObj.name[`english-us`]);

// Another approach: clone and rename in a single step
const myObjClone = {
  ...obj,
  name: Object.fromEntries(
          Object.entries(obj.name)
            .reduce( (acc, [k, v]) => 
              [ ...acc, [ k.replace(/\-/g, `_`), v ] ] , [] ) )
};
console.log(myObjClone.name.italian_eu);
// The original obj is unaffected
console.log(obj.name[`italian-eu`]);
// The key myObjClone.name[`italian-eu`] does not exist
console.log(myObjClone.name[`italian-eu`]);

How to extract a property name from an object in JavaScript without using quotation

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

The specified file for import cannot be located or is unable to be read: node_modules/bootstrap/scss/functions

Using componentDidUpdate to create a loop

Error handling proves futile as Ajax upload continues to fail

How to style a date and time object using angularjs

Having trouble with getting Express to automatically redirect to the main page upon user login

I'm working on updating a field within a Firestore document using ReactJS

The video continues playing even after closing the modal box

The function fails to return a true value

Apply a jQuery class to six randomly selected elements that share the same class attribute

Ensure that everything within the Container is not see-through

There are no documents found with the specified UUID in MongoDB

I keep encountering an issue in my application where I am receiving an error stating that

Create a PHP array containing strings and generate two-dimensional arrays as a result

What is the technique for retrieving the data-id value and transferring it to a different page with jQuery's post method?

Stop the Form from Submitting When Errors are Present

Error message: React is unable to locate the map container in the Leaflet library during rendering

A guide on using Selenium to interact with a doughnut pie chart element

On page load, refresh the content of the div based on the selected radio button values

The error message "Property 'destroy' of undefined cannot be read in DataTables"

Integrate with GraphQL API using Express.js