配列undefined javascript

Question

こんにちは私の問題は、配列の長さをaccsessしようとすると、私は未定義ですが、配列だけにアクセスしようとするとすべて正常に動作します。

これは上記の作品はありません - >

console.log(this.ref_number_response[0].info.length); 

これは動作します - あなたがデータを受け取る後>

console.log(this.ref_number_response); 

と、これは全体の

check_ref_number: function() { 

this.ref_number_response = []; 

axios.get('/is_referenceNumber_free/'+this.ref_number) 
.then(response => this.ref_number_response.push({ 
    info: response.data 

})); 


console.log(this.ref_number_response[0].info.length); 

Event.$emit('reference_added', this.ref_number_response); 

}, 

Answer 1

ですがイベントを放ち：

check_ref_number: function() { 
axios.get('/is_referenceNumber_free/'+this.ref_number) 
.then(response => Event.$emit('reference_added',[{info:response.data}])); 
} 

問題は、データを非同期で取得し、準備が整う前にデータを使用しようとしていることです。あなたはinfoプロパティを取得しようとしている（あなたが配列の長さにアクセスしようとしているが、

this.ref_number_response 

が配列であるので、このconsole.log(this.ref_number_response[0].info.length);が動作するように起こっている唯一の方法と

Answer 2

実際の配列の長さではなく、配列の長さの最初の要素から）は、infoも配列だった場合です。

console.log(this.ref_number_response.length);