Александр

Как вариант:

const toggleOrder = () => {
  const params = new URLSearchParams(window.location.search);

  params.set('order', params.get('order') === 'DESC' ? 'ASC' : 'DESC');
  window.location.search = params.toString();
};

Пример. Код.

Пока такое придумал

const string = 'f, [, s, q, ], [abc def] jkl mno';
const matches = string.match(/(\[[\w\s]+\])|([^\s,]+)/g);

console.log(matches);  // [ 'f', '[', 's', 'q', ']', '[abc def]', 'jkl', 'mno' ]

const accordions = document.querySelectorAll('.accordion__card');

for (const accordion of accordions) {
  const title = accordion.querySelector('.accordion__card__title');
  const text = accordion.querySelector('.accordion__card__text');

  title.addEventListener('click', () => {
    if (text.classList.contains('accordion__card__text--active')) {
      text.classList.remove('accordion__card__text--active');
    } else {
      for (const accordion of accordions) {
        const text = accordion.querySelector('.accordion__card__text');

        text.classList.remove('accordion__card__text--active');
      }

      text.classList.add('accordion__card__text--active');
    }
  });
}

Ту часть, на которую пользователь нажимать должен лучше сделать кнопкой. А еще вот это можете почитать.

Если конечно верно понял.

const collect = (entries, store = {}) => {
  for (const entry of entries) {
    const { name, ...data } = entry;
    
    if (data.children.length > 0) {
      store[name] = data;
      
      collect(data.children, store);
    }
  }

  return store;
};

Как пример. Статей огромное количество. То, что Вы ищите называется debounce. Еще существует throttle.

Если у Вас имеется максимально возможно значение, то Вы можете рассчитать процент по формуле (now / total) * 100:

function calculatePercent(value, max) {
    return (value / max) * 100;
}

var words = [
    "discord",
    "boeing",
    "airbus",
    "city"
];

var word = words[Math.floor(Math.random() * words.length)];
var answerArray = [];
for (var i = 0; i < word.length; i++) {
    answerArray[i] = "_";
}
var remainingLetters = word.length;

while(remainingLetters > 0) {
    alert(answerArray.join(" "));
    var guess = prompt("Введите букву или нажмите <<отмена>> для выхода")
    if (guess === null) {
        break;
    } else if (guess.length !==1) {
      alert("Даже скрипт умнее тебя так как он понял что нужно вводить не больше 1 буквы за раз");
    } else {
        for(var j = 0; j < word.length; j++) {
            if (word[j] === guess) {
                answerArray[j] = guess;
                remainingLetters--;
            }
        }
    }
}

alert(answerArray.join(" "));
alert("Молодец! Ты угадал слово " + word);

Всему виной - -.

const [selected, setSelected] = useState([]);

const toggleSelected = (option, checked) => {
    if (multiSelection) {
        setSelected(selected => checked
            ? [...selected, option.key]
            : selected.filter(entry => entry !== option.key)
        );
    } else {
        setSelected(checked
            ? [option.key]
            : []
        );
    }
};

Считаю, что отмеченные элементы лучше не объектами хранить, а строками .Также переменные у Вас названы были наоборот, это вводило небольшую путаницу - toggleSelected не имело логики переключения, хотя по наименованию - должна была бы. То же самое было с setSelected. Демка.
Кстати, думаю можно задуматься об UX'е, т. к. если можно выбрать только 1 checkbox, тогда может делать radio? Если так, можно будет убрать эту логику.

Как-то грустно стало видеть вопрос про циклы и строки.
Самый простой вариант:

const rows = 6;
const columns = 10;

let result = '';
for (let row = 0; row < rows; row++) {
    for (let column = 0; column < columns; column++) {
        const index = row * columns + column + 1;
        result += index.toString().padStart(2, '0');

        if (column < columns - 1) {
            result += ' ';
        }
    }

    if (row < rows - 1) {
        result += '\n';
    }
}

console.log(result);

А если нужна матрица, то используют массив.