Пройтись по массиву in Javascript-way?

Question

[Никита Любчич]

Нужно пройтись по всему массиву, вызвать у каждого элемента функцию, и удалить их из массива?

Вижу много вариантов реализации, но хочу понять, как это можно сделать наиболее... JavaScript'ично.

Answer 1

[Сергей Протько]

arr = arr.reduce(function (result, el) {
    el.method();
    return result; // ничего не добавляем, на выходе будет то чем мы инициировали
}, []); // а инициируем мы пустым массивом

Comments

[vasIvas]

А разве не этот вариант самый простой?

var length = array.length;

while( length-- ){
	array[length].method( );
}

array = [];

[Сергей Протько]

@vasIvas: этот вариант не javascript-way. И он не самый простой. map/reduce намного лучше.

Anton Kulakov: Есть полифилы для es5 так что reduce работает сейчас везде.

[Сергей Протько]

@vasIvas: лучше потому что на основе reduce можно реализовать и filter и map и много чего еще.

[Денис Пушкарев]

Сергей Протько: я бы не сказал, что это js-way, скорее просто функциональщина. reduce - замечательно, но в данном случае он (как и любой другой метод из его семейки) не особо здесь и нужен, а страдают и краткость, и производительность. А while и до строки сократить можно.
while(arr.length)arr.pop().method();
Хотя вариант while без pop, в теории, чуть быстрее.

[Сергей Протько]

Денис Пушкарев: как по мне "функциональщина" это как раз таки js-way. Вопрос в том что если в будущем понадобится не просто цикл обходить а условия вставлять и т.д. можно будет добавить filter перед этим делом или просто в reduce условие воткнуть.

Есть еще такой момент, если скажем рассматривать вариант с формированием новой коллекции в контексте angularjs с тамошней системой датабиндинга, ваш вариант с pop скажется при отслеживании изменений в коллекции, так как ссылка на объект не поменяется.

[Денис Пушкарев]

Сергей Протько: скорее тогда es5-way, в es3 данной семейки методов нет, в es6/7 основная ставка сделана на протокол итераторов + array / generator comprehensions. А так - да, универсальней, но уж лучше какой forEach и отдельной строкой присвоение старому массива пустому - лишняя путаница. Ну а про angular и сам хотел написать, но посчитал лишним.

[Сергей Протько]

Денис Пушкарев: ну несовсем так. Генераторы это сахар над старыми добрыми итераторами. То есть на reduce/map это сказаться никак не должно по идее. map/reduce в ES5 появились по сути в стандартной библиотеке, до этого использовались свои реализации (underscore/lodash).

[Сергей Протько]

Денис Пушкарев: по поводу forEach и присваивания согласен. Мне в принципе задача странной кажется.

[Денис Пушкарев]

Сергей Протько: я не про сами генераторы, а про array / generator comprehensions для свёртки / фильтрации итерируемого объекта в массив / словарь.

[Денис Пушкарев]

Сергей Протько: со словарями погорячился слегка, если смутило - фишка одного моего велосипеда с использованием Map-подобного конструктора, ожидающего итератор entries.

Answer 2

[Андрей Голуменов]

Копайте в сторону map метода массива
msdn.microsoft.com/ru-ru/library/ie/ff679976(v=vs....