Переписать цикл в функциональном стиле

Question

Я создал простую функцию: он имеет массив как вход и идентификатор. Функция предполагает взять все элементы «до» данной идеи.

function takeBefore(stars, id) { 
     var taken = []; 
     for(var i = 0, length = stars.length; i < length; i++) { 
      if (stars[i].itemId === id) { 
       break; 
      } 

      taken.push(stars[i]); 
     } 

     return taken; 
    } 

Код ниже выполняет эту работу, но в последнее время я стал немного придирчивым. Хотелось бы избавиться от for-loop и некоторого функционального стиля.

Можно ли использовать underscore или ES5 функции для выполнения той же работы?

Answer 1

Этот тип материала обычно называется takeWhile/dropWhile. Вы можете реализовать их с помощью булевой итератор every():

function takeWhile(array, predicate) { 
    var pos = -1; 
    var all = array.every(function(x, n) { 
     return (pos = n), predicate(x); 
    }) 
    return array.slice(0, pos + all); 
} 

function dropWhile(array, predicate) { 
    var pos = -1; 
    var all = array.every(function(x, n) { 
     return (pos = n), predicate(x); 
    }) 
    return array.slice(pos + all); 
} 


a = [1,2,3,4,5,6,7] 
b = takeWhile(a, function(x) { return x < 5 }) // 1,2,3,4 
b = dropWhile(a, function(x) { return x < 5 }) // 5,6,7 

Answer 2

Вы могли бы сделать что-то вроде этого:

x = [1,2,3,4,5]; 
x.slice(0, x.indexOf(3)); 

Результаты:

[1, 2]