Mesuti

Отбросить лишние разряды с нужной точностью:

function truncInteger(number, precision) {
  return number - (number % precision);
}
console.log(truncInteger(1000040, 100));
console.log(truncInteger(1200040, 100));

Математическое округление:

function roundInteger(number, precision) {
  return Math.round(number / precision) * precision;
}
console.log(roundInteger(1000040, 100));
console.log(roundInteger(1200040, 100));
console.log(roundInteger(1000080, 100));
console.log(roundInteger(1200080, 100));

debounce(getData(), 2000);

То есть, за как минимум четыре с половиной года занятий программированием вы не научились различать собственно функцию и результат её вызова. Ну тут только рукой махнуть, случай безнадёжный.

Кроме того, debounced функция при каждом рендере компонента должна быть одна и та же, так что завернём её в useCallback, а чтобы она использовала актуальное состояние, будем передавать его как параметр:

const getData = useCallback(debounce(query => {
  /*
   * здесь всё по-старому, кроме body: JSON.stringify({ query: state.query }),
   * надо заменить на body: JSON.stringify({ query }),
   */
}, 2000), []);

useEffect(() => {
  getData(state.query);
}, [ state.query ]);

https://www.freecodecamp.org/news/javascript-debou...

https://www.30secondsofcode.org/js/s/debounce

Вам поможет throttle или debounce.

Это называется семафором (Semaphore).

class Semaphore {
    constructor(max = 1) {
        if (max < 1) { max = 1; }
        this.max = max;
        this.count = 0;
        this.queue = [];
    }
    acquire() {
        let promise;
        if (this.count < this.max) {
            promise = Promise.resolve();
        } else {
            promise = new Promise(resolve => {
                this.queue.push(resolve);
            });
        }
        this.count++;
        return promise;
    }
    release() {
        if (this.queue.length > 0) {
            const resolve = this.queue.shift();
            resolve();
        }
        this.count--;
    }
}

const semaphore = new Semaphore(10);
for (const url of urls) {
    await semaphore.acquire();
    void downloadUrlSynchronized(url, semaphore);    
}

async function downloadUrlSynchronized(url, semaphore) {
    const resp = await fetch(url);
    const blob = await resp.blob();
    semaphore.release();
    // const name = new URL(url).pathname.slice(1);
    // downloadBlob(blob, name, url);
}

Загрузка (fetch) будет не больше 10 в один момент, что собственно и требовалось.

---
На примере 3:

В прошлом тысячелетии были браузеры, которые не понимали тег <script> и отображали его содержимое на странице. Потому содержимое тегов <script> было принято комментировать, чтобы не пугать пользователя.
Зачем это продолжают делать в opencart в 2022 - неведомо, возможно дань традиции.

Вы не найдёте ни одного авторитетного программиста с мировой известностью, который бы утверждал, что курсы и видео-уроки лучше книг. Обычно это утверждают либо профаны, оправдывающие своё нежелание читать, либо авторы курсов, делающие деньги на лентяях и глупцах. И я лично за 18 лет в отрасли встретил множество программистов, но ни одного хорошего, выучившегося по курсам и видео-урокам.

Видеокурс может запилить любой дурак. Чтобы написать книгу, нужно иметь авторитет достаточный для издательства. Кроме того, текст пройдёт редактуру нескольких профессионалов. Поэтому знания в книгах качественные и систематизированные. Для начинающего это очень важные качества.

К тому же, после достижения профессионального уровня достаточного чтобы называться специалистом, вы обнаружите, что необходимые на этом уровне знания можно почерпнуть только из документации. То есть всё равно придётся читать. Много и часто.

Наконец, постоянная практика чтения неизбежно приводит к увеличению скорости чтения. И наступает момент когда прочитать учебник будет в 10 и более раз быстрее, чем просмотреть видеокурсы по той же теме и в том же объёме.

Кроме того, чтение развивает абстрактное мышление - основной инструмент разработчика.

Формулировка вопроса какая-то расплывчатая. Непонятно, о каком количестве повторяющихся элементов идёт речь - взятых в единственном экземпляре, или с учётом повторений. Т.е., каким должен быть результат для, например, такого массива - [ 7, 7, 7, 0, 1, 1 ]? В первом случае 2 - повторяются семёрка и единица, во втором 5 - три семёрки плюс две единицы.

Количество уникальных дубликатов:

const duplicateCount = Object
  .values(arr.reduce((acc, n) => (acc[n] = (acc[n] || 0) + 1, acc), {}))
  .filter(n => n > 1)
  .length;

// или

const duplicateCount = Array
  .from(arr.reduce((acc, n) => acc.set(n, acc.has(n)), new Map).values())
  .reduce((acc, n) => acc + n, 0);

// или

const duplicateCount = new Set(arr.filter((n, i, a) => i !== a.indexOf(n))).size;

С учётом повторений:

const duplicateCount = Object
  .values(arr.reduce((acc, n) => (acc[n] = acc.hasOwnProperty(n), acc), {}))
  .reduce((acc, n) => acc - !n, arr.length);

// или

const duplicateCount = Array
  .from(arr.reduce((acc, n) => acc.set(n, -~acc.get(n)), new Map).values())
  .reduce((acc, n) => acc + (n > 1) * n, 0);

// или

const duplicateCount = arr
  .filter((n, i, a) => a.indexOf(n) !== a.lastIndexOf(n))
  .length;

import { useEffect, useState } from "react";

export default function MyComponent() {
    const  [val1, setVal1]  = useState();
    const  [val2, setVal2]  = useState();
    
    useEffect(() => setVal2(val1),[val1]);

   return <>
             <input type="text" value={val1} onChange={(ev) => setVal1(ev.target.value)} />
             <input type="text" value={val2} onChange={(ev) => setVal2(ev.target.value)}/>
             <div>{val2}</div>
   </>
}

closest + querySelector

Проблема то в чем? Не хватает знаний чтобы разделить массив на два?
https://developer.mozilla.org/en-US/docs/Web/JavaS...
https://developer.mozilla.org/en-US/docs/Web/JavaS...
Выбирай на вкус

можно:

input {
  color: transparent;
  text-shadow: 0 0 0 black;
}

function dataPage() {
  fetch('example.com')
    .then(response => response.json())
    .then(data => {
      const promises = data.URLs.map(url => fetch(url).then(r => r.json()))

      return Promise.all(promises).then((arr) => {
        data.arr = arr;
        return data;
      })
    })
    .then((data) => {
      setState(prevState => {
        return (
          {
            ...prevState,
            data // вероятно тут спред нужен по логике
          }
        )
      })
    })
}