Вернуть все объекты в массиве

Question

Я упускаю что-то очень очевидное здесь, поэтому, пожалуйста, извините за мое невежество: (

У меня есть набор из 5 флажков, и я хотел бы распечатать шаги в зависимости от того, какой флажок был выбран. Мне это нужно для большего вывода, поэтому я сохраняю выделение в своей собственной переменной следующим образом:

        $checkBox.find('input:checked').each(function() {
        $rec = $(this).val() + "\n";
        console.log($rec);

    }); 

Все возвращается нормально, когда я выбираю все 5 флажков и проверяю в консоли:

console.log

Однако я хочу использовать вывод, сохраненный в $ re c, чтобы использовать его позже, поэтому я сделал это, чтобы посмотреть, как это будет выглядеть:

        $checkBox.find('input:checked').each(function() {

        $rec = $(this).val() + "\n";
        console.log($rec);

    }); 

// call rec into text input
        $textOutput.val($textOutput.val() + $rec + "\n");
        console.log($rec);

Но по какой-то причине возвращается только «Выполнить шаг 5» при повторном вызове $ re c

second console.log

Поскольку я уже сохраняя выходные данные 5 флажков в $ re c, почему я не могу получить доступ ко всем снова, а не только к последнему объекту?

Answer 1

Попробуйте сделать $ re c массивом []

и pu sh ваши значения в него. Что-то вроде

$rec.push($(this).val() + "\n");

Answer 2

Но по какой-то причине возвращается только «Выполнить шаг 5» при повторном вызове $ re c

Вы присваиваете значение $rec каждый раз, поэтому, когда вы console.log() в каждой итерации, вы получаете текущее значение. Но когда вы console.log() после завершения каждого из них, вы получите только последнее значение, которое было присвоено переменной. Это потому, что когда вы присваиваете переменную, вы «перезаписываете» существующее значение (технически вы указываете переменную на другое значение), так или иначе, любая ссылка на предыдущее значение теряется.