Adding Attributes to JS Object Literal with a Function

Question

I am trying to add an "attribute" : "value", to my JS Object using a function, but am having trouble. I'm hoping some of you might be able to help.

Allow me to create a context...

Here is my object which resides by itself in my file "myobject.js":

var myObject = {
'12-25-2012' = '<p>Christmas</p>', 
'07-18-2013' = '<p>My Birthday</p>' 
};

Now I've got some more information that I want to add to the object. I know that I can do it by inserting the following in script tags or in the myobject.js file below the object like this:

var theDate = '07-23-2013'; 
myObject[theDate] = "<p>Mom's Birthday</p>";

But that's not how I want it to happen. I want to add this exact same information, for the sake of this context, with a function which let's name myFunction(). The reason being, in application, I want to be able to pass parameters to the function which will define the object's new attribute's and values.

This is what I tried, but isn't working:

function myFunction(){
var theDate = '07-23-2013'; 
myObject[theDate] = "<p>Mom's Birthday</p>";
}

Any thoughts about what is going wrong? Help would be very much appreciated!!

There's such thing as a JSON Object. JSON, JavaScript Object Notation, is a data-interchange text format. In JavaScript, you either have a string in JSON format or an Object (which may result from parsing a JSON string). — Fabrício Matté
– Fabrício Matté, Commented Jul 15, 2013 at 17:56

Community · Accepted Answer · 2020-06-20 09:12:55Z

I would discourage using brackets [] on Object type variables.

Also, you must define attributes/properties in an Object using the attribute : value notation, so there is no equal sign used.

You can easily achieve what you want using the Object.defineProperty(MDN) method:

JavaScript

var myObject = {
    '12-25-2012': '<p>Christmas</p>',
    '07-18-2013': '<p>My Birthday</p>'
};


function myFunction(attribute,value) {
    Object.defineProperty(myObject, attribute, {
        value: value,
        /* This lets you overwrite the value later */
        writable: true,
        /* This lets you see the attribute in the Object attributes/properties list and in the length too */
        enumerable: true,
    });
    return myObject;
}

/* Displaying the content of the Object */
console.dir(myFunction("07-23-2013","<p>Mom's Birthday</p>"));
alert(JSON.stringify(myObject,null,4));

So you call the function this way : myFunction(TheDate, TheValue);

Live Demo

Μenelaοs · Accepted Answer · 2013-07-15 17:59:59Z

1

You have an error in your JSON format..delimiter is : and not =.

Below an example in which your object is created. The first time myObject['07-23-2013'] is accessed it is undefined.

The second time it is exists because myFunction() has been called.

JSFiddle:http://jsfiddle.net/KuFKU/

Example:

  var myObject = {
    '12-25-2012':'<p>Christmas</p>', 
    '07-18-2013':'<p>My Birthday</p>' 
};

alert("This exists:"+myObject['12-25-2012']);
alert("This is undefined:"+myObject['07-23-2013']);

myFunction();

alert("This is now defined:"+myObject['07-23-2013']);

function myFunction(){
var theDate = '07-23-2013'; 
myObject[theDate] = "<p>Mom's Birthday</p>";
}

answered Jul 15, 2013 at 17:59

Μenelaοs

24.5k20 gold badges98 silver badges166 bronze badges

Collectives™ on Stack Overflow

Adding Attributes to JS Object Literal with a Function

2 Answers 2

JavaScript

Live Demo

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

JavaScript

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related