Александр

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

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);

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

GSAP, three.js

array.reduce((accumulator, entry) => {
  const { id, ...data } = entry;
  accumulator[id] = data;
  
  return accumulator;
}, {});

P. S. Вариант через .map быстрее.

UPD:
Вышел Chrome 88 и там ввели свойство aspect-ratio.