Как заполнить массив объектами, формируемыми в цикле for?

Question

[Евгений Журов]

Добрый день. Есть несколько тегов с id вида "call-[ИНДЕКС]". Допустим, всего таких тегов - 10 штук.
Мне нужно получить количество таких тегов и сформировать соответствующее количество (10 в данном случае) объектов. Каждый объект должен состоять из одной пары и выглядеть так:
{selector: '#call-[ИНДЕКС]'}
С каждой последующей итерацией цикла индекс увеличивается, пока не дойдет до 10-ти.
И все эти созданные в цикле объекты должны быть помещены в один общий массив.
Я написал вот это, но оно создает 10 объектов, каждое значение ключа в которых - 'call-10':

var a = $("span[id ^= call]"),
            b = {},
            c = [];
        for (var i = 0; i < a.length; i++) {
            b.selector = "#" + a.eq(i).attr("id");
            c.push(b);
        }

как все-таки сделать, чтобы в объект пушились не десять объектов со значением selector: 10 каждый, а чтобы по порядку?

Comments

[Kovalsky]

Может проще пушить id элемента, а не индекс? Создаётся впечатление, что вам нужен ID, но вы почему-то опираетесь на индекс.

[Евгений Журов]

Так ведь это как раз и происходит: b.selector = "#" + a.eq(i).attr("id"); Строка с id присваивается в качестве значения ключа selector. И полученный объект нужно запушить в массив (не просто id, а именно объект). И у меня на выходе получается массив, состоящий из 10-ти объектов, но каждый объект содержит последний id, с постфиксом 10. Т.е. ощущение, что в цикле сначала 10 раз произошло переприсваивание значения ключу, а только потом (полученное итоговое значение) было 10 раз запушено в массив.

[Kovalsky]

Евгений Журов, понятно, это я просто тупенький. Ну, вам ниже уже всё объяснили: вы создавали не новый объект, а пушили один и тот же.

Answer 1

[Антон Спирин]

Можно так:

const c = a.map((i, el) => ({ selector: `#${el.id}`}));

Ваш вариант не работал, потому что вы до цикла создали объект и каждую итерацию меняли значение его ключа selector и пушили в массив. В итоге у вас в массиве все элементы ссылаются на один и тот же объект.
Ваш вариант исправить можно так:

var a = $("span[id ^= call]"),
c = [];
for (var i = 0; i < a.length; i++) {
  let b = {
    selector:"#" + a.eq(i).attr("id"),
  };

  c.push(b);
}

Comments

[Евгений Журов]

Отлично! Большое спасибо!