Foreach元素Javascript json

Question

I got a JSON like this:

{
    "email.com": ["email@email.com|username\r"],
    "email.de": ["email@email.de|username"]
}

I want to get it printet like this:

email.com
email.de

 var data = '{"email.com":["email@email.com|username\\r"],"email.de":["email@email.de|username"]}'; var obj = JSON.parse(data); for (i = 0; i < obj.length; i++) { document.getElementById('types').innerHTML += '<br>' + obj[i]; // I want to get email.com , email.de } 

 <div id="types"> </div> 

Answer 1

This works fine:

 var data = '{"email.com":["email@email.com|username\\\\r"],"email.de":["email@email.de|username"]}'; var obj = JSON.parse(data); var keys = Object.keys(obj); for (i = 0; i < keys.length; i++) { document.getElementById('types').innerHTML += '<br>' + keys[i]; // I want to get email.com , email.de } 

 <div id="types"></div> 

Answer 2

var data = [{"email.com":["email@email.com|username\r"],"email.de":["email@email.de|username"]}];
var term = (Object.keys(data[0])[0]);

var obj = JSON.parse(data);
for (i = 0; i < obj.length; i++) {
  document.getElementById('types').innerHTML += '<br>' + obj[i][term]; // I want to get email.com , email.de
}

This should work

Printing object's keys and values

Answer 3

Simple solution using String.match and Array.join functions:

 var data = '{"email.com":["email@email.com|username\\r"],"email.de":["email@email.de|username"]}', emails = data.match(/\\w+\\.\\w+(?=\\":\\[)/g).join("<br>"); document.getElementById('types').innerHTML += '<br>' + emails; // 'emails' variable contains "email.com<br>email.de" 

 <div id="types"></div> 

Answer 4

quickly :

var obj = {
    "email.com": ["email@email.com|username\r"],
    "email.de": ["email@email.de|username"]
};
for (var prop in obj)  console.log(prop);