Почему это выводится в консоле?

Question

[Петр Сергеев]

Почему помимо индексов выводится еще куча всего и как это убрать?
Если использовать обычный цикл
for(let i = 0; i < $('.col'),length; i++ ) { ... } то все нормально работает

<div class="row">
            <div class="col">1</div>
            <div class="col">2</div>
            <div class="col">3</div>
            <div class="col">4</div>
            <div class="col"><div class="card">5</div></div>
        </div>

for(let item in $('.col')){
        console.log(item);
    }

Comments

[DanKud]

Потому что объект JQuery это не только элементы, которые заданы в селекторе, но и методы, которые доступны в этом объекте. Для перебора элементов в JQuery есть метод .each()

Answer 1

[kocherman]

Правильно так: for(let item of $('.col'))

for(let item of $('.col')){
        console.log(item);
    }

For ... of - перебирает значения массива (или другого итерируемого объекта).
For ... in - перебирает ключи любого объекта.