Александр Ме

//var initialData = [1, 9, 4, 95, -3, 51, 6, 9, 4, 4,-9, 88, 27];
var initialData = [2, 2, 2, 2, 2, 2, 2, 2, 2, 2];

var wayFirst = function(data) { 
  var sum = 0;
  data.forEach( (value) => {sum = sum + value} )
  return sum;
}

var waySecond = function(data) {
  var sum = 0;
  data.forEach( (value, i) => {
    i % 2 === 0 ?  sum = sum + value : false
  })
  return sum;
}

var wayThird = function(data) {
  var sum = 0;
  var iTemp = 0
  data.forEach( (value, i) => { 
    if (!iTemp || iTemp + 4 === i)  { 
      sum = sum + value;
      iTemp === 0 ? iTemp = 1 : iTemp = i;
    } 
  })
  return sum;
}

console.log(wayFirst(initialData));
console.log(waySecond(initialData))
console.log(wayThird(initialData))

сделал через forEach но через reduce было бы немного компактнее

или если надо получать не значения а засумированные элементы с интервалом

const initialData = [2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2]

let sumArrayWithInterval = (data, interval) => { 
  const sumWithIntervel = []; 
  let next = 0;
  data.forEach((value, i) => {
    if (next === i) { 
      const valueIndex = interval === 1 ? 1 + i : interval + 1 + i;
      
      data[valueIndex] ? sumWithIntervel.push(value + data[valueIndex]) : false
      interval === 1 ? next = i + interval + 1 : next = valueIndex + 1
    }
  })
  return sumWithIntervel;
}
console.log(
      sumArrayWithInterval(initialData, 1)
);

console.log( 
    sumArrayWithInterval(
      sumArrayWithInterval(initialData, 1)
    , 2)
);

console.log( 
  sumArrayWithInterval(
    sumArrayWithInterval(
      sumArrayWithInterval(initialData, 1)
    , 2)
  , 4)
);

jQuery не нужно учить, это просто набор функций, посмотрите документацию и действуйте.

Нужно понять как работает WP_Query. Большинство параметров типа строка, категория и теги - можно втыкать руками и поиск будет работать ок.

В остальных случаях надо добавлять аргументы через хук фильтр query_vars

А далее через хук pre_get_posts - добавлять механику отбора по этим параметрам.

Например можно добавить параметр xxx который мб равен 1 или 2. А далее если 1 то выводит все посты 2017 года, а 2 все посты до 2017 года. Логика указана от балды. Можно любую свою написать.

Когда на уровне URL система будет обучена фильтровать посты по заданным параметрам, тогда можно уже начать писать форму.

Прежде чем ваять свои параметры запроса - надо убедиться что их нет из коробки. С ходу не нашел, но где то видел описание тех параметров которые есть из коробки. Если их хватит, то можно сразу пилить форму, без колдовства со своей логикой запросов.

Блин, нашёл, где косяк: надо было заменить нижнее подчёркивание на пробел, тогда текст почему-то остаётся в UTF-8 и метод срабатывает. Вот такое "очевидное" решение.

В конечном виде получилась регулярка:

decodeURIComponent($(this)[0].href.match(/p=(.+)/)[1].replace(/_/g, ' '));

Блок .wrapper, у него задан overflow:hidden. Уберите и будет работать.

Если на 1 инпуте, то Maskedinput для "перепрыгивания", а сам input просто оформить фоновой картинкой.
Желательно использовать моноширинный шрифт.
Но лучше разбить на 4 инпута https://jsfiddle.net/webirus/vhsq6jah/

С react используется webpack в подавляющем большинстве случаев. Есть тонна готовых конфигов, которые можно просто скопипастить и все будет работать. Но в целом - в проекте вам может понадобится сделать что-то по другому и тогда возникают сложности. Поэтому для общего развития нужно хотя-бы поверхностно разбираться что там к чему (в идеале - попробовать такие фишки как tree shaking и code splitting).

Мой совет - для этого просто начните с нуля собирать проект. Подсматривайте готовые конфиги и постепенно собирайте свой, читая при этом документацию. При устройстве на работу будет однозначно плюсом, да и в собственной разработке не все же create-react-app'ом пользоваться.

PS а про gulp - не знаю, давно уже не приходилось его в живую использовать: все что нужно - может webpack