オブジェクトの中身を key で取り出すと undefined になる。

Question

javasctipt の初心者です。
どなたかご教授いただければ幸いです。
よろしくお願いたします。

コードは単純に下記の通りです。

      hoge: function(term) {
        console.log(typeof(term))
        console.log(term)
        console.log(term.start)
        console.log(term.end)
        ...
      },

出力した結果は下記の通りですが、 term.start と term.end が undefined になってしまいます。

object
term:
　　　　end: "2021-04-24"
　　　　start: "2021-03-24"
undefined
undefined

この値 term.start と term.end を取得するにはどうすれば良いでしょうか。

お手数おかけいたしますが、ご回答いただければ幸いです。
よろしくお願いいたします。

【追記】
term を渡すメソッドの情報を追加いたしました。
vue の子コンポーネントから親に渡しています。
self.xxx は子コンポーネントのプロパティです。※(self = this)をしています。

        self.$emit("hogehoge", {
          term: {
            start: moment(self.dateStart).format('YYYY-MM-DD'),
            end: moment(self.dateEnd).format('YYYY-MM-DD')
          }
        });

Comments

[maisumakun]

termはどこから得たどんな値なのですか？

[退会済みユーザー]

ご回答ありがとうございます。
情報を追加いたしました。
何卒よろしくお願いいたします。

Answer 1

当てずっぽう回答です。

        console.log(term.term.start)
        console.log(term.term.end)

なのでは。

Comments

[退会済みユーザー]

ありがとうございます。
正しくその通りでした。

単純なところでしたが、完全に見落としており少々ハマっておりました。
ありがとうございます。

Answer 2

以下で見る限り問題はなさそうですが

const term={
end: "2021-04-24",
start: "2021-03-24"
};
const fuga={
hoge: function(term) {
  console.log(typeof(term));
  console.log(term);
  console.log(term.start);
  console.log(term.end);
}
};
fuga.hoge(term);

具体的に失敗するソースを提示されたほうがよいでしょう

Comments

[退会済みユーザー]

ご回答ありがとうございます。
やはり普通は取得できますよね...
vue のコンポーネント間の問題でしょうか...

[yambejp]

vueならvueのタグを付けて、vueライクにソースを提示ください

[退会済みユーザー]

ご回答いただきありがとうございました。
今回は解決してしまいましたが、今後は vue のタグづけなどもしていきます。
この度はありがとうございました。