sample()のjsoninfoにデータを入れたいのですが、loadJson()の箇所でjsonに値が入る前にreturnされてしまうので、jsonInfoに値が入っていない状況です。
処理が終わってからreturnされるのが理想なんですが、どう記述すればいいか教えて頂きたいです。
非同期処理についてasync/awaitの使い方が分かっておらず、、、
function sample() {
var jsonInfo = loadJson();
}
function info(obj) {
var id = obj.sample1.value.id.value;
var user = obj.sample1.value.user.value;
return {
"id": id,
"user": user
}
}
function loadJson() {
var json;
$.getJSON("data.json", function(data) {
var obj = data[0];
json = info(obj);
console.log(json); //値が入っている、2番目に表示される
});
console.log(json); //undefined、1番目に表示される
return json;
}
[
{
"id": "1232",
"template": {
"value": "タイトル"
},
"sample1": {
"value": {
"user": {
"value": 50
},
"id": {
"value": 1231
}
}
}
}
]