Create a new property in Javascript using a string value as the name

Question

Create a new property in Javascript using a string value as the name

Can you dynamically add properties to a JavaScript/JSON object using values from a string?

let myObj= {};

for{prop in propsToAdd){
    myObj.addProperty(prop.name, prop.type);
}

myObj.addProperty = function (name, type) {
    // need to create another JSON object 
    // with the property name as the name of the property
    // and a property called type with the value of the parameter type
}

For example:

myObj = {}
myObj.addProperty("title","string");
myObj.addProperty("id","integer")

This should result in:

myObj = {
  "title": {
    "type": "string"
  },
  "id": {
    "type": "integer"
  },
}

I am considering using JSON.stringify and JSON.parse, but I'm open to a more elegant solution.

javascript json

Answer 1

Answer №1

If you're looking to achieve a similar result, consider using addProp on both instances instead of addProb:

const myObject = {};
// Prevent the function from being displayed when the object is printed
Object.defineProperty(myObject, 'addProp', {
  value: function addProp(key, type) {
    myObject[key] = { type };
  },
  enumerable: false
});
  
myObject.addProp("name","string");
myObject.addProp("age","integer");
console.log(myObject);

Answer 2

If you're looking to achieve a similar result, consider using addProp on both instances instead of addProb:

const myObject = {};
// Prevent the function from being displayed when the object is printed
Object.defineProperty(myObject, 'addProp', {
  value: function addProp(key, type) {
    myObject[key] = { type };
  },
  enumerable: false
});
  
myObject.addProp("name","string");
myObject.addProp("age","integer");
console.log(myObject);

Answer 3

Answer №2

One option is to utilize a constructor instead of modifying the Object prototype directly:

function createObject() {
  this.addProperty = function(name, type) {
    this[name] = {type: type};
  }
}

var newObj = new createObject();

Answer 4

One option is to utilize a constructor instead of modifying the Object prototype directly:

function createObject() {
  this.addProperty = function(name, type) {
    this[name] = {type: type};
  }
}

var newObj = new createObject();

Answer 5

Answer №3

One way to easily assign properties to your objects is by using the brackets notation:

myObject[key] = {value: value};

let myObject = {};

myObject.addProperty = (key, value) => {
  myObject[key] = {value: value};
}

myObject.addProperty("name", "John");
myObject.addProperty("age", 30);

console.log(myObject);

Answer 6

One way to easily assign properties to your objects is by using the brackets notation:

myObject[key] = {value: value};

let myObject = {};

myObject.addProperty = (key, value) => {
  myObject[key] = {value: value};
}

myObject.addProperty("name", "John");
myObject.addProperty("age", 30);

console.log(myObject);

Answer 7

Answer №4

myFunction.addProperty = function (key, value) {
   this[key] = {value: value};
}

There are two methods to add a new property to an object.

myObject.property = 'newVal';
myObject['property'] = 'newVal'

In the function above, this indicates the specific object where properties should be added.

Answer 8

myFunction.addProperty = function (key, value) {
   this[key] = {value: value};
}

There are two methods to add a new property to an object.

myObject.property = 'newVal';
myObject['property'] = 'newVal'

In the function above, this indicates the specific object where properties should be added.

Answer 9

Answer №5

Creating an object called myObj in JavaScript and adding properties to it using a custom method. The properties added are "title" with type "string" and "id" with type "integer". Finally, the custom method `addProp` is deleted and the object is logged to the console.

Answer 10

Creating an object called myObj in JavaScript and adding properties to it using a custom method. The properties added are "title" with type "string" and "id" with type "integer". Finally, the custom method `addProp` is deleted and the object is logged to the console.

Create a new property in Javascript using a string value as the name

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

Tips for real-time editing a class or functional component in Storybook

What is the best way to leverage the Select2 plugin within Codeigniter to efficiently insert a large amount of data into my database

The issue of Angular's ng-repeat view not refreshing after a search query remains unresolved

When extracting data, I am only receiving the initial row from the database, but I specifically require the latest row that was added in the database

Highcharts chart fails to expand to occupy available space

What is the method to achieve a full-width image when utilizing vertical scrollspy within Bootstrap?

Caching of Ajax requests

When using the Vue Array.splice() method, the DOM element is not removed in the element-ui table

Utilizing long polling technique with jQuery/AJAX on the server end

Exploring the process of retrieving parameters within a component using React Router DOM version 4

When dalekjs attempted to follow a hyperlink with text in it, the link failed to function properly

How can an array be transferred from app.get() to app.post()?

Using Angular's Jasmine SpyOn function to handle errors in $resource calls

Tips for displaying a Rails action without a layout in html format using Ajax

What are some ways to render a React component when its ID is only determined after making an AJAX call?

Combine several forms into a single submission

Issue with DateTime picker functionality not functioning as expected

Modify the height of React Cards without implementing collapse functionality

How can you identify a "422 Unprocessable Entity" error using JSON response in Laravel?

Tips for using Jackson to deserialize a JSON file containing changing keys