Как вернуть результат из метода each?

Question

[boga-net]

Все доброго времени суток. Как возвращать результат работы функции в методе each или присваивать результат их работы в переменную, как с обычными функциями ?

Например :

<div class="wrapper">
    <div class="box"> </div>
    <div class="box"> </div>
    <div class="box"> </div>
</div>

$('.box').each(function() {
    var thisLength = $('.box').length;
    console.log(thisLength);   // всё ок
});

var zzz = $('.box').each(function() {
    var thisLength = $('.box').length;
    return thisLength;     
});

console.log(zzz); // не ок..
// Возвращает объект с элементами "box"

Как быть-то ? Спасибо.

Comments

[Дмитрий Еремин]

а что вы вообще хотите в zzz получить?

Answer 1

[Алексей Уколов]

Альтернативой .each() является .map(), которая собирает в массив всё, что возвращает переданная функция. Дальше с этим массивом вы уже можете делать что угодно.

Но вообще, вы в коде что-то очень странное делаете. Зачем для каждого элемента коллекции получать ещё раз всю коллекцию и считать её длину? Чего вы пытаетесь добиться?

Comments

[boga-net]

этот пример - просто пример, вырванный из контекста общей задачи. Отвечая на ваш вопрос, чего я хочу добиться : получить координаты каждого элемента box, посредством this.position().top и left и передать эти данные в объект в другом месте скрипта. var thisLength = $('.box').length; - использовал в качестве примера, чтобы показать, что мне нужны this каждого элемента, который я буду перебирать. И ещё это осталось после того, как я экспериментировал с циклом for и использовал i < thisLength;
Кол-во элементов меняется, поэтому нужен был перебирающий их метод и возвращающий кол-во элементов

Спасибо за map. А то я всё "ич", да "ич".. )

Answer 2

[Nick Sdk]

$('.box').each(function() {
    var thisLength = $('.box').length;
    console.log(thisLength);   // всё ок
});

вероятно вы хотели сделать чтото типа такого:

$('.box').each(function() {
    var thisLength = $(this).text().length; // <- в этом месте
    console.log(thisLength);
});

var zzz = $('.box').each(function() {
    var thisLength = $('.box').length;
    return thisLength;     
});

а в этом случае вам следует использовать .map()

var zzz = $('.box').map(function() {
    return $(this).text().length;     
}).get();

UPD и да, какой именно результат вы хотели получить?

Comments

[boga-net]

вероятно вы хотели сделать чтото типа такого:

$('.box').each(function() {
var thisLength = $(this).text().length; // <- в этом месте
console.log(thisLength);
});

Я использовал пример с

var thisLength = $('.box').length

чтобы показать, что мне нужен this элементов, которые я перебираю. Чтобы не нагромождать код и не отвлекать тех, кто будет отвечать, сделал по минимуму, лишь бы передать суть моей проблемы.
Спасибо за совет с map. Я в основном видел использование each и про map забыл напрочь