Поле обновления массива Javascript, значение параметра для каждого элемента массива

Question

Я работаю над формой обновления, которая должна принимать цену в поле ввода и обновлять ее в массив с идентификатором как уникальный идентификатор. Имея в виду, что обновление последней цены отменяет предыдущую установленную цену.

<input placeholder="None" class="price" id="114157"> 
<input placeholder="None" class="price" id="114158"> 
<input placeholder="None" class="price" id="114159"> 

Javascript

var objects = {}; 

var array_list = {'price':false, 'tue_price':false, 'view': false, 'cinema': false, 'id': false, 'kids_price': false, 'free_seating': false, 'vip_consetions': false}; 
$(".price").change(function() { 
    var id = $(this).attr('id'); 
    if (objects[id]) { 
     objects[id]['price'] = $(this).val(); 
    }else{ 
     objects[id] = array_list; 
     objects[id]['price'] = $(this).val(); 
     objects[id]['id'] = $('.price[id='+id+']').val(); 
    } 
    console.log(objects); 
}); 

Я установка пример скрипку здесь: https://jsfiddle.net/natcdgkq/

Answer 1

Вопрос заключается в том, что у вас есть только один экземпляр array_list (беден название) объекта. Поэтому каждый раз, когда вы назначаете его и изменяете значение, это всегда одна и та же ссылка на объект. Вы могли бы сделать то, что, по существу, копия:

var objects = {}; 

var array_list = { 
    'price': false, 
    'tue_price': false, 
    'view': false, 
    'cinema': false, 
    'id': false, 
    'kids_price': false, 
    'free_seating': false, 
    'vip_consetions': false 
}; 

$(".price").change(function() { 
    var id = $(this).attr('id'), 
     o = objects[id]; 
    if (!o) { 
     objects[id] = o = jQuery.extend({}, array_list); 
    } 
    o.price = $(this).val(); 
}); 

я опустил часть о ид, что на самом деле не делает много смысла. У вас уже есть объект, к которому вы пытаетесь выполнить запрос.