Create JSON dynamically with dynamic keys and values

Question

I am a beginner and am trying to create the following JSON From data extraction of HTML input texts. How can I create and access the following JSON?

{  
  Brazilians**{
    John**{
      old: 18
    }

    Jones**{
      old: 20
    }
  }

  Canadians**{

    Friedman**{
      old: 22
    }

    James**{
      old: 35
    }
  }
}

Note: ** Means it must be a dynamic key.

My HTML code:

<input type="text" id="nacionality">
<input type="text" id="name">
<input type="text" id="old">

The structure I tried to develop in javascript:

obj[nationality] = name[{old : oldValue}];

alert(obj["Brazilians"]["John"].old);

Your json is wrong..code works fine.

Mihai Alexandru-Ionut
– Mihai Alexandru-Ionut

2017-02-09 14:53:40 +00:00
Commented Feb 9, 2017 at 14:53 — Mihai Alexandru-Ionut
– Mihai Alexandru-Ionut, Commented Feb 9, 2017 at 14:53
Could you help me?

Isaac Meneses
– Isaac Meneses

2017-02-09 14:55:38 +00:00
Commented Feb 9, 2017 at 14:55 — Isaac Meneses
– Isaac Meneses, Commented Feb 9, 2017 at 14:55
What is your use case?

charlietfl
– charlietfl

2017-02-09 15:03:13 +00:00
Commented Feb 9, 2017 at 15:03 — charlietfl
– charlietfl, Commented Feb 9, 2017 at 15:03

BCartolo · Accepted Answer · 2017-02-09 15:01:11Z

5

Something like this?

var obj = {};
obj[document.getElementById('nationality').value] = {};
obj[document.getElementById('nationality').value][document.getElementById('name').value] = {
  old: document.getElementById('old').value
};
console.log(obj);

<input type="text" id="nationality" value="Brazilian" />
<input type="text" id="name" value="John" />
<input type="text" id="old" value="18" />

answered Feb 9, 2017 at 15:01

BCartolo

7695 silver badges22 bronze badges

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

3 Comments

dokgu Over a year ago

Just a side-note it's nacionality - from the original question.

BCartolo Over a year ago

Right. But that word doesn't exist in English.

BCartolo Over a year ago

old and name are English words, so I assumed nationality was the word he meant to write

Mihai Alexandru-Ionut · Accepted Answer · 2017-02-09 15:13:03Z

You should create a new object with your details.You can create this using Immediately-invoked function expression.

obj[nationality]=(function(){
   var obj1={};
   obj1[name]={
       old:parseInt(old)
   };
   return obj1;
})();

var obj={  
  Brazilians:{
    John:{
      old: 18
    }
    ,
    Jones:{
      old: 20
    }
  }
  ,
  Canadians:{

    Friedman:{
      old: 22
    }
    ,
    James:{
      old: 35
    }
  }
}
function add(){
   var nationality=document.getElementById('nacionality').value;
  var name=document.getElementById('name').value;
  var old=document.getElementById('old').value;
  obj[nationality]=(function(){
      var obj1={};
      obj1[name]={ 
            old:parseInt(old)
      };
      return obj1;
  })();
  console.log(obj);
}

<input type="text" id="nacionality">
<input type="text" id="name">
<input type="text" id="old">
<button onclick="add()">Add</button>

Kurt Van den Branden · Accepted Answer · 2017-02-09 15:04:54Z

1

Your JSON code is wrong, it should be something like:

{
    "Brazilians":[
        John:{ old: 18 },
        Jones:{ old: 20 }
    ],
    "Canadians":[
        Friedman:{ old: 22 },
        James:{ old: 35 }
    ]
}

answered Feb 9, 2017 at 15:04

Kurt Van den Branden

13.2k10 gold badges83 silver badges92 bronze badges

Comments

Hajji Tarik · Accepted Answer · 2017-02-09 14:56:13Z

0

to make dynamical prop in json you [prop]

function dynmObj (a, b){
    var json ={
      [a] : b
    } 
    return json;
}

answered Feb 9, 2017 at 14:56

Hajji Tarik

1,0827 silver badges23 bronze badges

1 Comment

driconmax Over a year ago

Only not supported on IE11

Collectives™ on Stack Overflow

Create JSON dynamically with dynamic keys and values

4 Answers 4

3 Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related