Как из файла json получить и вывести на сайт данные ??

Question

[Tizi]

файл json

{
"users": [
    {
      "id": 1,
      "name": "Leanne Graham",
      "username": "Bret",
      "email": "[e-mail]",
      "address": {
        "street": "Kulas Light",
        "suite": "Apt. 556",
        "city": "Gwenborough",
        "zipcode": "92998-3874",
        "geo": {
          "lat": "-37.3159",
          "lng": "81.1496"
        }
      },
      "phone": "1-770-736-8031 x56442",
      "website": "hildegard.org",
      "company": {
        "name": "Romaguera-Crona",
        "catchPhrase": "Multi-layered client-server neural-net",
        "bs": "harness real-time e-markets"
      }
    }
  ]
}

на сайт я вывожу данные вот таким методом

$.getJSON('http://localhost:5000/api/users', function(data) {
	console.log(data); // отслеживаем что выдает в консоль при использовании data
	for(var i=0; i<data.length; i++){
		// выводим циклом все из json в таблицу на сайте
		$('tbody').append(
			'<tr class="user"><td>' + data[i].id + 
			'</td><td>' + data[i].name + 
			'</td><td>' + data[i].username + 
			'</td><td>' + data[i].email + 
			'</td><td>' + data[i].phone + 
			'</td><td>' + data[i].website + '</td></tr>'
			);
	}
});

но я не понимаю как вывести

"address": {
        "street": "Kulas Light",
        "suite": "Apt. 556",
        "city": "Gwenborough",
        "zipcode": "92998-3874",
        "geo": {
          "lat": "-37.3159",
          "lng": "81.1496"
        }

как мне из пункта адрес вытащить все что лежит внутри него ??
кто что то знает подскажите.

Comments

[javedimka]

Я, конечно, в js вообще ничего не понимаю, но когда писал фронт для своего api, то сделал так:

function unpackObj(obj, user={}) {
    for ( var property in obj ) {
        if ( obj.hasOwnProperty(property) ) {
            if (typeof obj[property] === 'object' && ! Array.isArray(obj[property])) {
                user = unpackObj(obj[property], user);
            } else {
                user[property] = obj[property]
            }
        }
    }
    return user
}

сам json выглядел так:

{
        "id": 9,
        "url": "http://127.0.0.1:8000/api/users/yufghbfcv/",
        "first_name": "dsdsds",
        "last_name": "htghtghgfhgfh",
        "username": "yufghbfcv",
        "email": "[e-mail]",
        "birthday": "2017-12-18",
        "is_active": true,
        "address": {
            "zip_code": "123456",
            "country": "wewedasdscxc",
            "city": "xcxcxcx",
            "district": "dadada",
            "street": "cxcxc"
        },
        "groups": [],
        "date_joined": "2017-10-20 20:31:30",
        "last_update": "2017-11-28 13:26:55"
    }

в итогде из nested объекта получался не вложенный и потом данные выводились в цикле на страницу.

[Tizi]

javedimka, я уже разобрался ))) спасибо

[Dark Hole]

data[i].address
Вуаля, вы получили все из address
Конкретизируйте вопрос

[Tizi]

Dark Hole, когда я делаю так как вы пишете он немного не то выдает а вот если я пропишу
data[i].address.streetто выведу на сайт улицу )) и так далее с остольными данными в address ))

[Dark Hole]

Tizi, может, все-таки подучите JS? Потому, что с такой легкой задачей уже обосрались