Setting JavaScript Object literal value

Question

I have a JS object as follows;

var UserDataObj = {
    name: "John",
    email: "[email protected]",
    phone: "9999999999",
    desc: "some description"
}

Now this is a global var.

Inside one of my function to save form data,

I have

$(".formFieldUserData").each(function(){
    var key = $(this).attr("name");
    var value = $(this).val();
    UserDataObj.key = value;
})

Now I want to update the default values in UserDataObj with the values entered by the user. I am not sure if the line UserDataObj.key = value; is correct

I need the key to correspond to the object property..I have the same name...

How do I fix this ?

Kijewski · Accepted Answer · 2013-03-10 04:32:41Z

4

You can try

UserDataObj[key] = value;

edited Mar 10, 2013 at 4:32

Kijewski

26.1k14 gold badges108 silver badges149 bronze badges

answered Mar 10, 2013 at 4:32

Fopfong

2992 silver badges4 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

darshanags · Accepted Answer · 2013-03-10 04:40:13Z

0

Original object:

var UserDataObj = {
    name: "John",
    email: "[email protected]",
    phone: "9999999999",
    desc: "some description"
}

Setup and populate new object:

var userData = {};

$(".formFieldUserData").each(function(){
    var $this = $(this);
    userData[$this.attr("name")] = $this.val();
});

Merge new data into the data we already have:

$.extend(UserDataObj, userData);

Note: $.extend will modify the UserDataObj to contain both old and new data.

answered Mar 10, 2013 at 4:40

darshanags

2,5271 gold badge15 silver badges19 bronze badges

Collectives™ on Stack Overflow

Setting JavaScript Object literal value

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related