Зацикливание объекта со строковым массивом

Question

Я довольно новичок в jQuery, и я не понимаю, почему этот цикл не отображает свойства объекта.

Буду Вам признателен, если вы могли бы помочь мне.

var shop_array = ["title","price","img","text"]; 
var submit = $(".add").find(":submit"); 
submit.on("click",function(e){ 
    var elements = $(".add").children(':input'); 
    for(var i=0;i<elements.length;i++){ 
     if($(elements[i]).val()!==""){ 
      var object = '\"'+shop_array[i]+'\"'; 
      console.log(shopcart.shop_values[object])//dosen't display shop_value; 
      console.log(object); 
     } 
    } 
}); 
var shopcart= { 
    shop_values :{ 
     "title":"a", 
     "price":"b", 
     "img":"img", 
     "text":"text" 
    }, 
    add: function(){ 

    } 
} 

Answer 1

Ваша проблема является " вы поставите вокруг переменной, которую вы хотите использовать для доступа к свойствам объекта, они не должны быть там, так как они не в именах свойств

var object = '\"'+shop_array[i]+'\"'; 
console.log(shopcart.shop_values[object])//dosen't display shop_value; 

должно быть просто

console.log(shopcart.shop_values[shop_array[i]])//dosen't display shop_value; 

для текущего кода отработал shopcart необходимо будет определить как

var shopcart= { 
    shop_values :{ 
     "\"title\"":"a", 
     "\"price\"":"b", 
     "\"img\"":"img", 
     "\"text\"":"text" 
    }, 
    add: function(){ 

    } 
} 

который выглядел бы просто ужасно.