holfza

SELECT CAST(SUBSTRING_INDEX(column, 'D', -1) as UNSIGNED) AS col
FROM table
ORDER BY col;

А js обязательно? Без js это легко можно сделать так:

Вот метод группировки (не только массивов, но и любых итерируемых объектов):

function group(data, key, val = n => n) {
  const getKey = key instanceof Function ? key : n => n[key];
  const getVal = val instanceof Function ? val : n => n[val];
  const grouped = {};

  for (const n of data) {
    const k = getKey(n);
    (grouped[k] = grouped[k] || []).push(getVal(n));
  }

  return grouped;
}

Как использовать в вашем случае:

group(arr, 'room')
// или
group(arr, n => n.room)

Но можно и так:

group(Array(5).keys(), n => n % 2 ? 'нечётные' : 'чётные')

Или так:

group('a8-C!39', n => (
  n.toLowerCase() !== n.toUpperCase() ? 'буква' :
  !Number.isNaN(+n)                   ? 'цифра' :
                                        'другое'
))

Или вот ещё вариант:

<input name="xxx" value="69">
<input name="xxx" value="187">
<input name="xxx" value="666">
<input name="yyy" value="-1">

group(document.querySelectorAll('input'), 'name', n => +n.value)

const asyncForEach = (data, callback) =>
  Array.prototype.reduce.call(
    data,
    (promise, n, i, a) => promise.then(() => callback(n, i, a)),
    Promise.resolve()
  ).then(() => {});

// или

async function asyncForEach(data, callback) {
  for (let i = 0; i < data.length; i++) {
    await callback(data[i], i, data);
  }
}

asyncForEach(
  document.querySelectorAll('li'),
  li => new Promise(r => setTimeout(() => r(console.log(li.textContent)), 1000))
);

https://ru.vuejs.org/v2/guide/components-edge-case... => https://jsfiddle.net/gbcykeq2/
А вообще пора бы переходить на сборку фронтенда :)

Да, можем.
Для этого необходимо найти самый поздний нуль и выбрать все единицы позднее нуля.
Т.е.

SELECT * FROM table_name
WHERE date_column > (SELECT MAX(date_column) FROM table_name WHERE counter = 0)

я про то что данные передаются через конструктор . Ведь можно просто в самом коде их определить того же файла

В конструктор в данном случае передаются на данные, а объект, который будет строить запросы. Это же класс репозитория - он инкапсулирует запросы к БД, но пользуется при этом моделями Eloquent.

class PortfoliosRepository extends Repository {
  public function __construct(Portfolio $portfolio) {
    $this->model = $portfolio;
  }

  // Этот метод, скорее всего, есть в базовом классе
  public function find(int $id): ?Portfolio
  {
    return $this->model->find($id);
  }

  // А это пример инкапсуляции сложной логики
  public function featured(): Collection
  {
    return $this->model
      ->with(['some', 'relations'])
      ->where('field', 'value')
      ->orWhere('other_field', 'value')
      ->orderBy('created_at')
      ->limit(42)
      ->get()
      ->each
      ->append('mutated_attribute');
  }
}

Используется этот класс так:

$repository = new PortfoliosRepository(
  new Portfolio // <- не какое-то существующее портфолио из БД, а "пустой" объект
);

$repository->featured();

Попробуйте Navigation Timing API:

function startAfter (delay, callback) {
  const elapsed = Date.now() - performance.timing.navigationStart

  if (elapsed >= delay) {
    callback()
  } else {
    setTimeout(callback, delay - elapsed)
  }
}

document.addEventListener("DOMContentLoaded", () => {
  startAfter(2000, () => console.log("DOM fully loaded and parsed"))
})

Для работы с полями ввода есть набор событий:
1. focus - пользователь поставил фокус на поле ввода.
2. blur - пользователь убрал фокус с элемента вода.
3. input - пользователь как-то что-то ввел. Это лучше, чем keyup, ибо не надо проверки keyCode, второе потому что пользователь может в поле вставить текст, что тогда будет с Вашим keyUp? Событие input срабатывает каждый раз, как пользователь сделал изменение в поле ввода.
4. change - пользователь ввел данные и убрал фокус с поля ввода, то есть это input + blur. Событие происходит не так часто, как input, но и не заставляет проверять value на изменение, как это придется делать при blur.
5. submit - срабатывает на всей форме, при попытке отправить данные, в данной задаче скорее не интересное событие.

Для живого поиска логично использовать input, по которому надо отправить текущее value через ajax на сервер и далее ответ куда-то распечатать. Вопрос в другом, ведь событие срабатывает довольно часто, и кто-то печатает так быстро, что и запрос-ответ не успеет, поэтому логично сделать тут debounce с задержкой в приблизительно 300мс, чтобы отправка/получение сработало когда пользователь притормозил в наборе текста или вообще прекратил ввод.