How to set a JS object property name dynamically

Question

I'm a beginner in javascript and I'm having trouble creating this object below dynamically. All names must be extracted from a text entry and dynamically inserted into the object.

var object = {
        "users" : {
            // Names dynamically inserted
            "Isaac" : {
                "name" : "Isaac de Araujo Meneses",
                "age" : "25" 
            }
            "John"{
                "name" : "John Miller",
                "age" : "32" 
            }
        }
    }

This is the code that I wrote:

var name = form.name.value;

    var object = {
        "users" : {
            // Names dynamically inserted
            name : {
                "name" : name,
                "age" : "25" 
            }
        }
    }

yaakov · Accepted Answer · 2017-02-05 03:54:59Z

2

Base code:

var object = {
  users: {
    "John": {
      name: "John Smith",
      age: "140" // Why not?
    }
  }
}

To add a new user:

var name = form.name.value;
var age = form.age.value;
object.users[name] = {
  name: name,
  age: age
}

answered Feb 5, 2017 at 3:54

yaakov

4,7274 gold badges29 silver badges55 bronze badges

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

2 Comments

Isaac Meneses Over a year ago

alert(object.users[john].age); How to acess this?

yaakov Over a year ago

object.users["john"].age you need to have the quotes.

luiscrjr · Accepted Answer · 2017-02-05 03:54:20Z

1

You can set the object key dynamically like that:

var name = form.name.value; //suppose you get 'Isaac' here

var object = {
    "users" : {
    }
}

object.users[name] = {
    name: name,
    age: 25 
}

console.log(object);
/*
{
    "users": {
            "Isaac": {
                "name": "Isaac",
                "age": 25
            }
        }
    }
*/

answered Feb 5, 2017 at 3:54

luiscrjr

7,2783 gold badges28 silver badges28 bronze badges

Collectives™ on Stack Overflow

How to set a JS object property name dynamically

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related