0xD34F

const filter = (arr, str) => (arr || [])
  .map(n => ({ ...n, children: filter(n.children, str) }))
  .filter(n => n.name.includes(str) || n.children.length);

computed: {
  filteredItems() {
    return filter(this.items, this.search);
  },
},

computed: {
  total() {
    return this.value1 * this.value2 + this.checkbox * 1000;
  },
},

preg_match_all('~[\w\-]+(=".*?")?~', $str, $matches);

this.getRandomZ() не вычисляется

const getRandomPolynom = () => {
  const [ A, B, C, D ] = Array.from({ length: 4 }, this.getRandomZ);
  return x => A * x ** 4 + B * x ** 3 - C * x ** 2 - D * x + 10;
};

const wrapper = document.querySelector('.wrap');
const html = '<div class="item active">5</div>';

const last = wrapper.lastElementChild;

// или

const last = wrapper.querySelector(':scope > :last-child');

// или

const last = wrapper.children[wrapper.children.length - 1];

// или

const [ last ] = Array.prototype.slice.call(wrapper.children, -1);

last.insertAdjacentHTML('beforebegin', html);

// или

last.before(...new DOMParser().parseFromString(html, 'text/html').body.childNodes);

// или

wrapper.insertBefore(document.createRange().createContextualFragment(html), last);

// или

last.outerHTML = html + last.outerHTML;

const containerSelector = '.card';
const selectSelector = `${containerSelector} select`;
const dataAttr = 'name';

$(selectSelector).change(function() {
  $(this)
    .closest(containerSelector)
    .find(`[data-${dataAttr}]`)
    .hide()
    .filter(`[data-${dataAttr}="${this.value}"]`)
    .show();
}).val(defaultValueSelected).trigger('change');

// или

const selects = document.querySelectorAll(selectSelector);
const onChange = ({ target: t }) => t
  .closest(containerSelector)
  .querySelectorAll(`[data-${dataAttr}]`)
  .forEach(n => n.style.display = t.value === n.dataset[dataAttr] ? 'block' : 'none');

selects.forEach(n => {
  n.value = defaultValueSelected;
  n.addEventListener('change', onChange);
  n.dispatchEvent(new Event('change'));
});

const tree = ref(null)

return {
  tree,
  ...

<el-tree
  ref="tree"
  ...

export default ({ filter, checked, onChange, children }) => (
  <div>
    <label>
      <input
        type="checkbox"
        name={filter}
        onChange={() => onChange(filter)}
        checked={checked}
      />
      {children}
    </label>
  </div>
);

function getURLs($arr, $path = []) {
  $urls = [];

  foreach ($arr as $item) {
    array_push($path, $item['slug']);
    array_push($urls, '/'.implode('/', $path).'/', ...getURLs($item['children'], $path));
    array_pop($path);
  }

  return $urls;
}

const result = Object.values(arr.reduce((acc, n) => {
  (acc[n.name] ??= ({ ...n, count: 0 })).count++;
  return acc;
}, {}));

function uniqueWithCount(data, key, countKey) {
  const getKey = key instanceof Function ? key : n => n[key];
  const unique = new Map;

  for (const n of data) {
    const k = getKey(n);
    unique.set(k, unique.get(k) ?? { ...n, [countKey]: 0 }).get(k)[countKey]++;
  }

  return unique;
}


const result = [...uniqueWithCount(arr, 'name', 'count').values()];

function updateArray(&$array, $keys, $val) {
  $v = &$array;

  foreach ($keys as $k) {
    if (!isset($v[$k])) {
      $v[$k] = [];
    }

    $v = &$v[$k];
  }

  $v = $val;
}

это вообще реально?

foreach ($arr as $item) {
  $id = $item['id_product_attribute'];
  if (!isset($result[$id])) {
    $result[$id] = $item;
  } else {
    $result[$id]['attribute_name'] .= ', '.$item['attribute_name'];
  }
}

const table = document.querySelector('тут селектор вашей таблицы');

table.querySelectorAll('tbody td:last-child').forEach(
  (n, i, { [~-i]: { innerText: prev } = {} }) =>
    n.innerText !== prev && (n.innerHTML = `<a href="#">${n.innerText}</a>`)
);

// или

let prev = null;

for (const { rows } of table.tBodies) {
  for (const { lastElementChild: n } of rows) {
    const curr = n.textContent;
    if (curr !== prev) {
      n.innerHTML = '<a href="#">' + (prev = curr) + '</a>';
    }
  }
}

return {
    ...user,
    isFollowed: !this.isFollowed
};

const chunks = (arr, chunkSize) => Array.from(
  { length: Math.ceil(items.length / chunkSize) },
  (n, i) => items.slice(i * chunkSize, (i + 1) * chunkSize)
);

const Card = props => (
  <div className="style-review__slide-row">
    <a className="style-card style-review__style-card" href="#">
      <div className="style-card__overlay">
        <div className="style-card__title">{props.title}</div>
        <div className="style-card__category">
          {props.category}
        </div>
      </div>
    </a>
  </div>
);

<Swiper>
  {chunkedItems.map(cardItems => (
    <SwiperSlide className="swiper-slide style-review__slide">
      {cardItems.map(n => <Card {...n} />)}
    </SwiperSlide>
  ))}
</Swiper>

// создаём новый массив
const newArr = arr.map(({ name, ...n }) => (n.user_name = name, n));

// изменяем существующий:
arr.forEach(n => (n.user_name = n.name, delete n.name));

// keys - объект вида { старый_ключ_1: 'новый_ключ_1', старый_ключ_2: 'новый_ключ_2', ... }
const renameKeys = (obj, keys) =>
  Object.fromEntries(Object
    .entries(obj)
    .map(([ k, v ]) => [ keys.hasOwnProperty(k) ? keys[k] : k, v ])
  );


const newArr = arr.map(n => renameKeys(n, { name: 'user_name' }));

function renameKeys(obj, keys) {
  for (const n of Object.entries(keys)) {
    if (obj.hasOwnProperty(n[0])) {
      obj[n[1]] = obj[n[0]];
      delete obj[n[0]];
    }
  }
}


arr.forEach(n => renameKeys(n, { name: 'user_name' }));