spnq

Если именно JQuery, то toggleClass. Как навесить ивент, надеюсь, что знаешь.

Только если на стрелочные функции поменять, больше ничего такого в голову не приходит, но это ES6:

window.requestAnimFrame = (() => {
  return  window.requestAnimationFrame       ||
          window.webkitRequestAnimationFrame ||
          window.mozRequestAnimationFrame    ||
         callback => {
            console.log('Тут', callback);
            window.setTimeout(callback, 1000 / 60);
          };
})();

Не совсем понятно, что такое "Jquery-подобный синтаксис в JS", но посмотри TypeScript или CoffeeScript, оба транслируется в JS, предоставляя синтаксический сахар и возможность использования новых фичей JS.

Потому что row = [data['date']]; создает массив, в который ты передаешь строку, отсюда кавычки.
Во последнем примере в массиве тип данных - Date, так что кавычек там не будет.

У JS в прототипе регулярок как раз для этого есть метод test.
https://developer.mozilla.org/ru/docs/Web/JavaScri...
Пример:
(/[()\_\-\+\s]/).test(symbol)
В скобках перед .test лежит регулярка, их можно обозначать по разному (https://developer.mozilla.org/ru/docs/Web/JavaScri...
symbol это некая строка. На выход будет true или false в зависимости от соответсвия.

Плюс в HTML5 есть атрибут pattern (https://www.w3schools.com/tags/att_input_pattern.asp), он сюда в принципе подойдет.
Или можно повестить проверку на ивент oninput, но вопрос был про регулярки на js, так что reg.test(str) будет правильнее.

Проще всего сделать два разных массива и отображать их отдельно (если я правильно понял).

Пусть изначальный массив, как на фидле

original = [
  {id: 1, name: 'test_1', date: '2018-12-9', var: true},
  {id: 2, name: 'test_2', date: '2018-12-2', var: false},
  {id: 3, name: 'test_3', date: '2018-12-6', var: true},
  {id: 4, name: 'test_4', date: '2018-12-8', var: false},
  {id: 5, name: 'test_5', date: '2018-12-10', var: true},
  ];

Тогда новый отсортированный по дате массив с var === true:

sortedArray = original.filter( next => next.var).sort((a, b) => { a.date - b.date})

Массив с остальными датами без сортировки:

unsortedArray = original.filter( next => !next.var)

Можно попробовать каждое слово пихнуть в <p> и добить в css:

p {
  text-align: justify;
  font-size: 5.5vw;
}

p:after {
  content: "";
  display: inline-block;
  width: 100%;
}

vw это viewport width, т.е. ширина экрана пользователя, в данном случае размер текста будет равен 5.5% от ширины экрана.
Но для таких вещей уже есть готовые библиотеки, например fittextjs.com

Подобный вопрос бы на - https://stackoverflow.com/questions/47910737/scrol...

Если кратко переводить -

• Каждому div даем id

  <div id="first"></div>
  <div id="second"></div>
  <div id="third"></div>

  
  
• Дальше пишем функцию:
  

  $( document ).ready(function() {
      var divs = ["first", "second", "third"];
      var counter = 0;
  });
  
  function cycle(element) {
      $(element).attr("href", divs[counter]);
      if(counter < divs.length - 1) {
          counter++;
      }
      else {
          counter = 0;
      }
  }

  
  
  
• И, например, делаем какой-нибудь div c этой функцией по клику, в href ставим id нужного div
  

  <div><a onclick="cycle(this);" href="#first_div"></a></div>