0

Добрый день!
Есть объект item и массив arr. Не могу понять, почему при изменении объекта (в момент выполнения item.description = $(this).val();) изменяются и все элементы массива, все они становятся равны новому значению item.

<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script src="http://code.jquery.com/jquery-2.2.0.min.js"></script><style type="text/css"></style>

<script>
$(document).ready(function() {
    var item = {
        description: ""
    };
   arr = [];

    //если поле input с id="description" изменилось, меняем item.description  
    $('#description').change(function(){
        item.description = $(this).val();
        }
    });
    // при нажатии на кнопку Добавить добавляем новый элемент в массив
    $('#add').click(function() {
        arr.push(item);
    });

});
</script>

</br>
<input id="description" name="description" type="text">
<input id="add" type="submit" value="Добавить"/>
1
  • Если вам дан исчерпывающий ответ, отметьте его как верный (галка напротив выбранного ответа). 3 мар 2016 в 14:59

1 ответ 1

1

Потому что вы сохраняете в массив ссылки на один и тот же объект.

После добавления в массив просто присваивайте новый объект переменной item

$('#add').click(function() {
    arr.push(item);
    item = {
        description: ""
    };
});

Либо вообще стоит отказаться от этой переменной

$('#add').click(function() {
    arr.push({
        description: $('#description').val()
    });
});

В этом случае так же не нужен обработчик change

1
  • Спасибо большое за помощь!
    – torysk
    3 мар 2016 в 12:41

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.