Rsa97

const [n, a] = [
  users.map((el) => el.name),
  users.map((el) => el.age),
];

const [n, a] = users.reduce(
  (acc, el) => {
    acc[0].push(el.name);
    acc[1].push(el.age);
    return acc;
  },
  [[][]],
);

Math.ceil(quantity / step) * price

Потому что querySelectorAll возвращает список элементов (NodeList). Присваивать списку стиль бесполезно, его надо перебирать и работать с каждым элементом.

После первого встреченного return, то есть ещё на первой итерации цикла, функция завершится.

const star = `
  <span>
    <svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M7.49777 0L9.60005 4.23718L14.2772 4.92164L10.8875 8.22991L11.6861 12.8908L7.49777 10.6907L3.30949 12.8908L4.10802 8.22991L0.718262 4.92164L5.41176 4.23718L7.49777 0Z"
      fill="#FFCD1D"
    />
  </svg>
</span>`;

const createStars = (num) => star.repeat(num);

const result = Object.values(data.reduce(
  (acc, val) => {
    acc[val.id] = Object.assign(acc[val.id] ?? {}, val);
    return acc;
  },
  {}
));

new Date(Date.parse('2021-11-03T23:24:00.000Z') + 1349 * 60000)
// Date Fri Nov 05 2021 00:53:00 GMT+0300 (Москва, стандартное время)

new Date(Date.parse('2021-11-03T23:24:00.000Z') + 1349 * 60000).toISOString()
// "2021-11-04T21:53:00.000Z"

По стандарту. Во всех трёх параметрах тернарного оператора могут находиться только выражения.
https://tc39.es/ecma262/multipage/ecmascript-langu...

O(n + 2 * 0.7 * n) = O(2.4*n) = O(n)

сlass ≠ class
с ≠ c
Неужели вам IDE не подсвечивает ошибки?

Сначала отрабатывает весь код из текущего стека выполнения, затем все порождённые им микротаски, затем управление возвращается в цикл событий.
К макротаскам относится основной код запускаемый непосредственно в элементе <script>, обработчики событий и код, вызываемый по таймауту в setTimeout или setInterval.
к микротаскам относятся промисы, события Mutation Observer API и функции, переданные через queueMicrotask().
https://developer.mozilla.org/en-US/docs/Web/API/H...

Если элемент с классом active всегда только один, то можно

document.querySelector('.tab-nav_item.active')?.classList?.remove('active');

class Foo {};
class Buz extends Foo {};
const t = new Buz;
console.log(t.constructor.name); // Buz

document.querySelector('.cards').addEventListener(
  'click',
  (e) => {
    if (!e.target.matches('.card')) {
      return;
    }
    document.querySelectorAll('.card.active').forEach(
      (c) => c.classList.remove('active')
    );
    if (e.target.previousElementSibling) {
      e.target.previousElementSibling.classList.add('active');
    } 
    if (e.target.nextElementSibling) {
      e.target.nextElementSibling.classList.add('active');
    } 
  },
);

const roseltorgCookies = await chrome.cookies.getAll({ domain: 'roseltorg.ru' });