Javascript オブジェクト内にある値が取り出せない

Question

前提・実現したいこと

DBから取得したデータ以外のデータを配列に追加して取り出したい。

該当のソースコード

<script>
    // usersテーブルのデータ取得
    dataUsers.once("value")
    .then(function(snapshot) {
    var users = snapshot.val();
    $.each(users,function(index,val){
        
        dataExperience = database.ref('/experience/' + val.experience_id);
        dataExperience.once("value")
        .then(function(snapshot) {
            practice_period_day = snapshot.child("practice_period_day").val();
            val["practice_period_day"] = practice_period_day;
        }); 

        console.log(val);
        console.log(val.practice_period_day);
    });
</script>

発生している問題・エラーメッセージ

console.log(val);
↓
{
  completion_time: 14
  education_time: 0
  experience_id: 1
  holiday: 2
  name: ""
  other_time: 0.5
  practice_period_day: 4
  pro: ""
}

console.log(val.practice_period_day);
↓
undefined

Comments

[m.ts10806]

val['practice_period_day']ではどうですか？

[aiko_1122]

undifinedでした...

[m.ts10806]

あとはforEachで全部確認してみるくらいですかね…
lengthはちゃんと要素数返します？

Answer 1

console.log(JSON.stringify(val));

で状況が確認できるかもしれません

非同期データの取り出し方

(async()=>{
  var p=await new Promise(resolve=>{
    setTimeout(()=>{resolve("test")},1000);
  }).then(data=>{
    return data;
  });
  console.log("start");
  console.log(p);
  console.log("end");
})();

もしくは

(async()=>{
  var p=await new Promise(resolve=>{
    setTimeout(()=>{resolve("test")},1000);
  }).then(data=>{
    return async ()=>data;
  });
  console.log("start");
  await p().then(console.log);
  console.log("end");
})();

Comments

[aiko_1122]

ありがとうございます！！
確認したところ、今回取り出したい
practice_period_day
のデータは入っていないことになっていました...

このデータをしっかり格納するためにはどうすれば良いか
あと原因などわかりますでしょうか？

[yambejp]

もしかしたら非同期の処理なのでしょうかね？
$.whenや$.Deferredなどでコントロールが必要かもしれません

[aiko_1122]

ありがとうございます！
その辺りの知識が薄いので調べてみます。

[yambejp]

単純にthenの中でconsole.logすればよいような気がしますが？

[aiko_1122]

ここには記載していないのですが、後続の処理もありまして
その兼ね合いでこのthenの中には入れれないんです...

[yambejp]

そうなると
dataExperience.once("value")
を
var p=dataExperience.once("value")
のように変数でうけて

処理したいところでthenにいれるとかでしょうかね
p.then(function(){
console.log(val.practice_period_day);
});

非同期でプロミスが返ってきている前提ですが・・・

※参考までにpromise , async/awaitのsampleつけておきました