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

Инкременты изменяют саму переменную, а не только возвращают значение на единицу больше. Поэтому, итоговое выражение выглядит так: (1 + 3).
Во второй половине выражения a уже равно двум и сразу ещё инкрементируется до трёх.

var a, b, c;
a = 1;   // a = 1, b = undefined, c = undefined
b = a++; // a = 2, b = 1, c = undefined
c = ++a; // a = 3, b = 1, c = 3
alert(b + c); // 1 + 3

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

Такой код в точности повторяет проверку, которую вы привели, на произвольном числе элементов:

function validate(conditions) {
  for (let index = 0; index < conditions.length; index++) {
    if (!conditions[index]()) {
      return false;
    }
  }

  return true;
}

Классы ES6 - это синтаксический сахар для обычного прототипного насследования. В синтаксисе самих классов такой возможности нет, но вы можете конкретные методы добавить по старинке через прототипы, а их код грузить откуда хотите.

Это новый функционал в Хроме 58. В консоли сверху переключите уровень оповещений с Verbose на Info, если они вас беспокоят.

При инициализации должно быть так:
shortest = input[0].length
Хотя, я бы вообще так сделал для наглядности:
shortest = Infinity

if (input[i].length < longest )
Неправильный знак, должно быть ">".

else if
Лучше просто отдельный if сделать, на случай, когда в исходном массиве одно слово - оно и самое длинное и самое короткое одновременно.

Ещё, я бы не хранил длину самого короткого и самого длинного слов, только их самих - длину легко получить через word.length, а код упрощается. Даже если здесь и будет какой-то штраф по производительности, им абсолютно точно можно пренебречь.

Функция delay() ничего не должна знать о контексте. Приколачивать контекст нужно там, где он известен и важен:

let delay = (func, ms) => {
     return function() {
          setTimeout(func, ms, ...arguments);
     }
}

...

let f1000 = delay(obj.func.bind(obj), 1000);

В крайнем случае, можно передавать контекст в виде аргумента в delay(), но зачем, если его сразу можно приколотить к вызываемой функции?

formattedArr = initArr.map((item) => {
...
return newItem;
});

Цвет прелоадера зависит вот от этого правила:

#spinner:before {
    border-top-color: #e1472f;
    border-left-color: #e1472f;
    border-right-color: #e1472f;
}

P.S. Через js вы его не сможете установить, потому что :before - это ShadowDOM, а вот через css вполне.

Дубль два: getCurrentPosition() и getJSON() — асинхронные методы.
$('.section').html(html); выполняется до того, как получен ответ от сервера. Этот ответ, соответственно, просто игнорируется. Как решить проблему я вам написал в прошлом вопросе.

Метод navigator.geolocation.getCurrentPosition() является асинхронным. Это значит, что в момент заполнения html значения ещё могут быть не получены. Должно быть так:

$(document).ready(function() {
  setLocation();  
});

function setLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
      $('.section').html('<p>Latitude: ' + position.coords.latitude; + '</p><br><p>Longitude: ' + position.coords.longitude + '</p>');
    });
  };
}

const maxId = arr.reduce((max, item) => item.id > max ? item.id : max, 0);

Вы сейчас на каждой итерации перезаписываете содержимое. Нужно добавлять:

document.getElementsByClassName('rez')[0].innerHTML += rez;

Если цикл выполняется несколько раз или в элементе есть ещё какое-то содержимое, от которого нужно избавиться, то до цикла нужно его очистить:

document.getElementsByClassName('rez')[0].innerHTML = '';

P.S. Если вам не нужно поддерживать уж совсем древние браузеры, то проще искать элемент так:
document.querySelector('.rez').innerHTML = '';

Метод getElementsByClassName возвращает коллекцию элементов, а вы пытаетесь работать с ней как с единственным элементом. document.querySelector('.woof_select_product_cat') спасёт отца русской демократии.

Нет, это невозможно.

function myHash(list) {
  var result = {};

  for (var i = 0; i < list.length; i++) {
    result[list[i][0]] = list[i][1];
  }

  return result;
}

console.log(myHash([['foo', 'bar'], ['baz', 42], [true, false]]));

underscorejs.org/docs/underscore.html#section-66

Или вот так:

var list = [['foo', 'bar'], ['baz', 42], [true, false]];

var result = list.reduce(function (obj, item) {
  obj[item[0]] = item[1];
  return obj;
}, {});

console.log(result);

Как вернуть ответ из XMLHttpRequest?

Можно. Вы как-то неправильно используете эти внешние функции, но без кода ничего конкретного сказать нельзя.