Методы массивов

[DivMan]

Зачем использовать эти методы массивов, если можно и без них обойтись?
Не проще ли написать цикл для массива?

var arr = [1,2,3,4,5,4,3,2,1]
 
var resSum = 0;
 
for(var i = 0; i < arr.length; i++){
    resSum = resSum + arr[i]
}
 
console.log(resSum

 

[wwt]

о каких методах речь?

[DivMan]

forEach, filter, map, every/some, reduce/reduceRight

[wwt]

ну во-первых map и  forEach быстрее чем for или while (do while) , и даже среди них зачастую удобнее использовать map, ибо он уже возвращает массив, и не нужен лишний код:

var arr = [1,2,3,4,5];
//1
var newarr = [];
arr.forEach(function(el,i,a){
  newarr[i] = el + 1;
});
console.log(newarr);//[2,3,4,5,6]
//2
var newarr2 = arr.map(function(el,i,a){
  return el+1;
})
console.log(newarr2);//[2,3,4,5,6]

Кроме этого forEach нельзя прервать, но можно прервать every/some

А reduce/reduceRight выделяются, они кроме таких же параметров, принимают ещё 4-й, значение предыдущего вызова.

ну и все они работают немного по-разному. Вот тут можешь узнать об особенностях каждого их них https://learn.javascript.ru/array-iteration

Забыл, ещё filter, он просто фильтрует массив, не модифицируя его элементы.

[ows.nightwolf]

Самое главное - методы массива позволяют быстрее обходить разреженные массивы, пропуская отсутствующие элементы. Пример:

var arr = [];
arr[0] = 0;
arr[100500] = 100500;

// выведет "100500", много сообщений "undefined" и "0" в консоль (заметно медленнее чем метод forEach):
for (var i = arr.length; i<=0; i--) {
    console.log(arr[i]);
}
                              
// Выведет только "0" и "100500". Заметно быстрее, чем цикл for:
arr.forEach(v=>console.log(v));

Ну и они проще читаются (ИМХО), особенно в связке с arrow functions .

Edited September 29, 2016 by ows.nightwolf