0xD34F

mixin item(item)
  .inform-items__item(class=`inform-items__item_bg_${item.bg}`)

app.directive(directives);

Это ещё что за чертовщина? Открываете документацию, смотрите, какие параметры принимает directive.

const numbers = (str.match(/>\d+/g) ?? []).map(n => +n.slice(1));

// или

const numbers = Array.from(str.matchAll(/(?<=>)\d+/g), Number);

// или

const numbers = (function get(reg) {
  const m = reg.exec(str)?.[1];
  return m ? [ parseInt(m), ...get(reg) ] : [];
})(/>(\d+)/g);

''.concat(...Array.from(str, n => n.repeat(2)))
// или
str.replace(/./g, '$&$&')
// или
str.replace(/./g, m => Array(3).join(m))
// или
str.replace(/(?=.)/g, (m, i) => str[i])
// или
[...str].flatMap(n => Array(2).fill(n)).join('')
// или
[].map.call(str, n => `${n}${n}`).join``
// или
str.split('').reduce((acc, n) => acc + n + n, '')

Сложить объекты в массив, и

const averageAge = arr.reduce((acc, n) => acc + n.age, 0) / arr.length;

Это если делать просто и ровно то, что спрошено. Но можно решить задачу и в более общем виде - сделаем функцию, вычисляющую среднее передаваемого ей итерируемого объекта:

function avg(data, key = n => n) {
  const getVal = key instanceof Function ? key : n => n[key];
  let sum = 0;
  let count = 0;

  for (const n of data) {
    sum += getVal(n);
    count += 1;
  }

  return sum / count;
}

В вашем случае применять так: const averageAge = avg(arr, 'age');.

Другие варианты использования:

avg(Array(10).keys()) // 4.5
avg('12345', Number) // 3
avg(document.images, n => n.width) // сами посмотрите, сколько тут получится

https://pugjs.org/language/interpolation.html#stri...

arr.reduce((acc, n, i) => (
  (!i || n === 1) && acc.push([]),
  acc[acc.length - 1].push(n),
  acc
), [])

var vm = new Vue({
    el: "#txt",

new Vue({ el: '#txt' })

Зачем?

Второй убрать, регистрацию компонента global разместить перед первым.

Если надо изменить одно слово с минимальной длиной:

const index = arr.reduce((min, n, i, a) => a[min]?.length <= n.length ? min : i, -1);
if (index !== -1) {
  arr[index] = arr[index][0].toUpperCase() + arr[index].slice(1);
}

Если слов с минимальной длиной может быть несколько и надо изменить все:

const [ indexes ] = arr.reduce((min, n, i) => (
  n.length < min[1] && (min = [ [], n.length ]),
  n.length === min[1] && min[0].push(i),
  min
), [ [], Infinity ]);

indexes.forEach(n => arr[n] = arr[n].replace(/./, m => m.toUpperCase()));

Select в качестве value принимает объект, массив объектов или null, а вы ему строку пытаетесь подсовывать (свойство value элемента массива options). Храните в качестве выбранных значений объекты, в обработчике события onChange не надо выдёргивать value из первого параметра, сохраняйте его целиком; или внутри CustomSelect выполняйте поиск нужного option'а по его value и передавайте найденное (или null, если поиск результатов не дал) в Select вместо строкового значения, получаемого из родительского компонента.

https://stackblitz.com/edit/react-ujjfee?file=src%...

const date = new Date(str.replace(/\S+/, m => m.split('.').reverse().join('-')));

или

const date = new Date(str.replace(/(\d+)\.(\d+)\.(\d+)/, '$3-$2-$1'));

или

const [ day, month, year, hours, minutes, seconds ] = str.split(/\D/);
const date = new Date(year, month - 1, day, hours, minutes, seconds);

или (day.js):

const date = dayjs(str, 'DD.MM.YYYY HH:mm:ss').toDate();

function sort([...arr]) {
  const max = arr.reduce((max, n) => max?.population > n.population ? max : n, null);
  return arr.sort((a, b) => a === max ? -1 : b === max ? 1 : a.city.localeCompare(b.city));
}

О каком классе идёт речь: const className = 'model';

Как получить элементы:

const elements = document.querySelectorAll(`.${className}`);
// или
const elements = document.getElementsByClassName(className);

Как извлечь из элемента его текст:

const getText = el => el.textContent;
// или
const getText = el => el.innerText;
// или
const getText = el => el.innerHTML;
// или
const getText = el => el.lastChild.nodeValue;
// или
const getText = el => el.childNodes[0].data;

Перебираем элементы, достаём тексты, склеиваем:

const result = Array.from(elements, getText).join(', ');

// или

const result = ''.concat(...[...elements].flatMap((n, i) => (
  n = getText(n),
  i ? [ ', ', n ] : n
)));

// или

const result = Array.prototype.reduce.call(
  elements,
  (acc, n, i) => acc + (i ? ', ' : '') + getText(n),
  ''
);

// или

const result = (function get(i, n = elements[i]) {
  return n
    ? `${i ? ', ' : ''}${getText(n)}${get(i + 1)}`
    : ''
})(0);

Вот reduce:

const { x: countX = 0, o: countO = 0 } = Array
  .from(str.toLowerCase())
  .reduce((acc, n) => (acc[n] = (acc[n] ?? 0) + 1, acc), {});

А вот ещё короче без reduce'а:

const [ countX, countO ] = [ /x/i, /o/i ].map(n => ~-str.split(n).length);

почему-то в данные изменение попадает только после nextTick'а (т.е. когда что-то побуждает родительский компонент перерисоваться)

Да ну? А как вы это проверяли? По внешнему виду компонента? Вдруг обновление данных всё-таки происходит, а вот связанный с ним (обновлением) последующий рендеринг компонента - нет? Такое бывает.

$ids = array_unique(array_column($arr, 'user_id'));
$result = array_filter($arr2, fn($n) => !in_array($n['users_id'], $ids));

options: {
  interaction: {
    mode: 'index',
    position: 'nearest',
  },
},

https://jsfiddle.net/umj0r6fk/

айдишник удаляемой строки это сугубо системная информация, никак не влияющая на отображение

Почему же, запросто может влиять:

const [ delId, setDelId ] = useState(null);

<button onClick={() => setDelId(row.id)}>Delete

<Modal isVisible={!!delId}>

<button onClick={() => setDelId(null)}>Close

Ну а вообще, useRef вам в помощь:

The useRef() Hook isn’t just for DOM refs. The “ref” object is a generic container whose current property is mutable and can hold any value, similar to an instance property on a class.

В заголовке вопроса:

найти объект

В тексте:

найти самое большое значение

Ну и как это понимать? Сами-то в курсе, чего вам надо?

Первое:

const obj = arr.flat().reduce((max, n) => max?.age > n.age ? max : n, null);

Второе:

const val = Math.max(...arr.flat().map(n => n.age));

Кстати, а что если максимум представлен в нескольких экземплярах? Можно получить все такие объекты:

const objs = arr.reduce((acc, n) => (
  n.forEach(m => (
    m.age > acc[0] && (acc = [ m.age, [] ]),
    m.age === acc[0] && acc[1].push(m)
  )),
  acc
), [ -Infinity, [] ])[1];

Собираем ключ-значение, выдёргиваем значения:

[...new Map(arr.map(n => [ n.value, n ])).values()]

// или

Object.values(arr.reduce((acc, n) => (acc[n.value] ??= n, acc), {}))

Фильтрация, запоминаем кого встретили, первый раз пропускаем, остальные нет:

arr.filter(function(n) {
  return !(this[n.value] = this.hasOwnProperty(n.value));
}.bind({}))

// или

arr.filter(function({ value }) {
  return !this.set(value, this.has(value)).get(value);
}, new Map)

// или

arr.filter(((picked, { value: n }) =>
  !picked.has(n) && picked.add(n)
).bind(null, new Set))

Фильтрация, ищем элемент похожий на текущий, его же и нашли - окей (на самом деле не всегда, если в массиве присутствует ссылка на один объект несколько раз, и сравниваем именно ссылки, а не индексы, то такие дубликаты не будут обнаружены):

arr.filter((n, i, a) => n === a.find(m => Object.is(m.value, n.value)))

// или

arr.filter((n, i, a) => i === a.findIndex(m => m.value === n.value))

Ну и чего-нибудь странного ещё добавим:

Array.from(
  new Set(arr.map(n => n.value)),
  n => arr.find(m => m.value === n)
)

// или

arr
  .slice()
  .sort((a, b) => a.value.localeCompare(b.value))
  .filter((n, i, a) => n.value !== a[i - 1]?.value)