从JavaScript数组中的对象键获取值

Question

arr [0] .price的结果在函数外是'undefined'。为什么变量arr在函数外被定义并且数据被推到它之外时不可用？

var arr = []; 

function get_data() { 

    $.ajax({ 
     url: 'http://bitcoinprice.co.uk/site-options/', 
     dataType: 'json', 
     success: function(data) { 
     var price = data['gbp_price']; 
     var abs_change = data['gbp_abs_change']; 
     var p_change = data['gbp_change']; 
     var market_cap = data['gbp_market_cap']; 
     var today_max = data['gbp_today_max']; 
     var today_min = data['gbp_today_min']; 

     var obj = { 
      'price'  : 50, 
      'abs_change' : abs_change, 
      'p_change' : p_change, 
      'market_cap' : market_cap, 
      'max'  : today_max, 
      'min'  : today_min 
     }; 

     arr.push(obj); 
     console.log(arr[0].price); // 50 
     } 

    }); 

} 
get_data(); 

console.log(arr[0].price) // Uncaught TypeError: Cannot read property 'price' of undefined(…) 

我似乎无法找到答案。我试图从函数get_data（）之外的关键“价格”中获得价值。

我确定我在这里错过了一些简单的东西。

Answer 1

您需要使用arr[0].price，因为price属性不是定义在数组上，而是定义在对象上，即数组中的第一个条目。

您的代码可以改写这样的证明发生了什么：

var o = {'price':price}; 
o.price; // 50 
arr.push(o); 
arr[0] === o; // true 

你会做这样的实际分配属性数组：

arr.price = price; 

Answer 2

只是另一种选择

var price = 50, 
     arr = []; 
arr.price = price; 

console.log(arr.price+'<br>'+arr['price']); // both return 50 

Answer 3

var arr无非是对象数组。你只需要在数组中循环来获得价值。

var price = 50; 
var arr = []; 

var obj = { 
    'price' : price 
} 

arr.push(obj); 

for(var i of arr) 
    { 
    console.log(i['price']); //50 
    }