0xD34F

arr
  .group_by{|n| n[:name]}
  .map{|n| { name: n[0], value: n[1].sum{|m| m[:value]} }}

const runTasks = (tasks, max = 1) =>
  new Promise(resolve => {
    const results = Array(tasks.length).fill(null);
    let started = 0;
    let finished = 0;

    for (let i = Math.max(1, Math.min(max, tasks.length)); i--; run()) ;

    async function run() {
      if (finished === tasks.length) {
        resolve(results);
      } else if (started < tasks.length) {
        const index = started++;

        try {
          const result = tasks[index]();
          results[index] = result instanceof Promise ? await result : result;
        } catch (e) {
          results[index] = e;
        }

        finished++;
        run();
      }
    }
  });


const sendRequests = (urls, ...args) =>
  runTasks(urls.map(n => () => fetch(n).then(r => r.json())), ...args);

(int)$url_params['1']

То есть, привели значение к целому, и удивляетесь, что дробная часть пропала. Умно.

Замените int на float или оставьте строкой.

const printf = (str, ...params) =>
  str.replace(/\$(\d+)/g, (m, g1) => params[~-g1] ?? m);

массивСДанными.map((n, i) => {
  const Component = i % через_сколько_там_надо_чередовать_компоненты
    ? КомпонентРаз
    : КомпонентДва;

  return <Component {...n} />;
})

https://jsfiddle.net/wd7j5gt1/

Лучше никак. Такие вещи принято делать через css:

.item:nth-child(2n) {
  background-color: red;
}

<div v-for="n in items" class="item">

Но, конечно, можно назначать или не назначать стили в зависимости от индекса:

<div v-for="(n, i) in items" :style="i & 1 && { backgroundColor: 'red' }">

https://jsfiddle.net/qcu93h2w/

Не надо никаких регулярных выражений:

strval(intval($str))

Хотя, разумеется, есть такой вариант:

preg_replace('~^0+~', '', $str)

computed: {
  objCopy() {
    return { ...this.obj };
  },
},
watch: {
  objCopy(newObj, oldObj) {
    for (const [ k, v ] of Object.entries(newObj)) {
      if (v !== oldObj[k]) {
        console.log(`obj.${k} changed from "${oldObj[k]}" to "${v}"`);
      }
    }
  },
},

Компонент получает через props массив текущих значений и максимально допустимую сумму. Когда пользователь пытается изменить какое-либо из значений, собирается новый массив значений, считается его сумма. Если сумма не превышает максимально допустимую - новый массив значений отдаётся в родительский компонент.

function Ranges(props) {
  const onChange = ({ target: t }) => {
    const index = +t.dataset.index;
    const value = +t.value;
    const values = props.values.map((n, i) => i === index ? value : n);

    if (props.max >= values.reduce((acc, n) => acc + n, 0)) {
      props.onChange(values);
    }
  };

  return (
    <div>
      {props.values.map((n, i) => (
        <div>
          <input
            type="range"
            data-index={i}
            max={props.max}
            value={n}
            onChange={onChange}
          />
          {n}
        </div>
      ))}
    </div>
  );
}

https://jsfiddle.net/cx16nhqe/

const groupedAndSortedArr = Object
  .values(arr.reduce((acc, n) => ((acc[n[0]] ??= []).push(n), acc), {}))
  .sort((a, b) => a[0][0].localeCompare(b[0][0]));

Не надо никаких регулярных выражений:

str.split('=').pop()
// или
str.slice(str.indexOf('=') + 1)

Но, конечно, можно и регулярками:

str.replace(/[^=]*=/, '')
// или
str.match(/(?<==).*/)[0]
// или
/[^=]*$/.exec(str).shift()

А вообще, учитывая, чем является эта строка, и что вы хотите из неё получить:

new URLSearchParams(str).get('sort')

$arr3 = array_filter($arr1, fn($n) => in_array($n, $arr2));

// или

$arr3 = array_intersect($arr1, $arr2);

добавить ? после +

Array
  .from(new URLSearchParams(str))
  .reduce((acc, [ k, v ]) => (
    k.endsWith('[]')
      ? (acc[k.slice(0, -2)] ??= []).push(v)
      : acc[k] = v,
    acc
  ), {})

<Swiper>
  {children.map(n => <SwiperSlide>{n}</SwiperSlide>)}
</Swiper>

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

Как правило, все плагины работают от обратного - у них есть возможность передать массив только с неактивными датами.

Не все, бывают доступны оба варианта, гляньте vue-flatpickr-component, например - свойство config.enable.

А вообще, у приличного плагина должна быть возможность определять активность даты с помощью функции - на входе дата, на выходе true/false (это, значит, чтобы был вариант не перечислять конкретные даты, так как это может оказаться невыполнимым - типа все вторники и четверги, или все чётные числа). Т.е., вместо массива плагин будет принимать нечто вроде дата => массив.includes(дата.toLocaleDateString()):

Например, vue. Смотрите свойство disbaledDates.customPredictor.

Например, jquery. Смотрите свойство beforeShowDay.

$grouped = [];

foreach ($arr as $n) {
  $grouped[$n['category_id']][] = $n['text'];
}

foreach ($grouped as $key => $values) {
  echo "
    <fieldset>
      <legend>$key</legend>".
      implode('', array_map(fn($n) => "<div>$n</div>", $values))."
    </fieldset>";
}

^(?=.*\d).{1,10}$