Сергей Соколов

$options = [
    [null, $_LNG['TYPE_ORDER']],
    ['select_all', $_LNG['ALL_TYPES']],
    ['select_domain', $_LNG['DOMAIN']],
    ['select_server', $_LNG['SERVER']],
    ['select_ssl', $_LNG['SSL']],
    ['select_desing', $_LNG['DESING']],
    ['select_script', $_LNG['SCRIPT']],
    ['select_layout', $_LNG['LAYOUT']],
    ['select_adv', $_LNG['ADV']],
    ['select_seo', $_LNG['SEO']],
];

printf('const options = %s;', json_encode($options));

createSelect = () => {
  const select = document.createElement('select');
  options.forEach(([value, title]) => {
      const option = document.createElement('option');
      option.innerText = title;
      if (value) {
        option.value = value;
      } else {
        option.setAttribute('disabled', true);
        option.setAttribute('selected', true);
      }
      select.appendChild(option);
    });
  return select;
};

возвращает массив индексов элементов, у которые значение равно value.

const findIndex = (arr, value) => arr
  .map((v, i) => ({ v, i }))
  .filter(({ v }) => v === value)
  .map(({ i }) => i);

const library = books.reduce((acc, c) => (acc[c.id] = c, acc), {});
const result = users.map(user => {
  const books = user.books.map(id => library[id]);
  return { ...user, books };
});

function addPointCenter(index) {
  const avg = (a, b) => (a + b) / 2;
  const midPoint = (p1, p2) => ({ lat: avg(p1.lat, p2.lat), lng: avg(p1.lng, p2.lng) });
  const insert = (index, point) => latlng.splice(index, 0, point);

  const { length } = latlng;
  const current = latlng[index];

  const indexLeft = (index - 1 + length) % length;
  const pointLeft = midPoint(current, latlng[indexLeft]);

  const indexRight = (index + 1) % length;
  const pointRight = midPoint(current, latlng[indexRight]);

  insert(index + 1, pointRight);
  insert(index, pointLeft);

  drawMarkers();
}

const PERIOD = 5000;
let timeout;

const action = () => {
  console.log('Action!');
  // this.switchNextTab()
  clearTimeout(timeout);
  timeout = setTimeout(action, PERIOD);
};

const flags = {
  _isLoading: false,

  set isLoading(value) {
    this._isLoading = value;
    if (!value) {
      // isLoading стал false
      action();
    }
  },

  get isLoading() {
    return this._isLoading;
  },
};

timeout = setTimeout(action, PERIOD);

// где-то в коде:
flags.isLoading = true;
// ...
flags.isLoading = false; // тут же выполнится action

[
  [50: "3500"],
  [100, "6000"], 
  ...
]

const findRange = n => {
  const obj = { 
    50: "3500", 
    100: "6000", 
    200: "8000", 
    300: "10500", 
    500: "13000", 
    501: "индивидуально" 
  };
  const lookup = Object.entries(obj).sort(([a], [b]) => b - a);

  return (lookup.find(([k, v]) => Number(k) <= n) ?? lookup.pop())[1];
};

findRange(49) // "3500"
findRange(99) // "3500"
findRange(100) // "6000"
findRange(500) // "13000"
findRange(501) // "индивидуально"

const state = {};
const getJSON = response => response.json();
getAuth()
  .then(getJSON)
  .then(({ id }) => {
    state.id = id;
    return getUser(id);
  })
  .then(getJSON)
  .then(user => {
    state.user = user;
  })
  .then(() => getOrder('users', state.id))
  .then(getJSON)
  .then(({ order }) => state.order = order)
  .catch(console.error)
  .finally(() => console.log("all done", state));

возможна ли реализация данной логики с помощью Promise.allSettled?

const state = {};

// подготовка
const getJSON = response => response.json();
const getUser = id =>
  fetchUser(id)
    .then(getJSON)
    .then(({ user }) => (state.user = user));
const getOrder = id =>
  fetchOrder('users', id)
    .then(getJSON)
    .then(({ order }) => (state.order = order));

// поехали
getAuth()
  .then(getJSON)
  .then(({ id }) => {
    state.id = id;
    return Promise.allSettled([getUser(id), getOrder(id)]);
  })
  .catch(console.error)
  .finally(() => console.log('all done', state));

function count(min, max) {
  let counter = 0;
  for (let n = min; n <= max; n++) {
    if (!n.toString(10).includes('5')) counter++;
  }
  return counter;
}

count(4, 17)  // 12

1. показать лоадер
   
2. вынуть из localStorage данные, и отправить их в worker
   
3. спиннер крутится, воркер в другом треде считает
   
4. воркер наконец пришлёт ответ: большой кусок готового HTML
   
5. вставить весь полученный HTML разом
   
6. скрыть спиннер