0xD34F

def sum_items(arr):
  result = {}

  for item in arr:
    v, k = int(item[:-1]), item[-1]
    result[k] = result.get(k, 0) + v

  return [ str(v) + k for k, v in result.items() ]

function getPaths(obj, path = [ '' ]) {
  const entries = Object.entries(obj);
  return entries.length
    ? entries.reduce((acc, n) => (
        path.push(n[0]),
        acc.push(...getPaths(n[1], path)),
        path.pop(),
        acc
      ), [])
    : [ path.join('/') ];
}

provide / inject

В корневом компоненте дерева:

provide() {
  return {
    treeRoot: this,
  };
},

Во вложенном:

inject: [ 'treeRoot' ],

@click="treeRoot.$emit('item-click', item)"

В клиентском коде:

methods: {
  onItemClick(item) {
    // ...
  },
},

@item-click="onItemClick"

https://codesandbox.io/s/elated-jennings-jeb07?fil...

str
  .delete(' ')
  .split('')
  .reduce(Hash.new(0)){|acc, n| acc[n] += 1; acc}
  .each{|k, v| puts "#{k}: #{v}"}

Вместо повторной инициализации следует обновлять центр карты и координаты маркера:

<div ref="map"></div>

data: () => ({
  coords: [ ... ],
}),
methods: {
  initMap() {
    this.map = new ymaps.Map(this.$refs.map, {
      center: this.coords,
      zoom: 8,
    });

    this.marker = new ymaps.Placemark(this.coords, {
      hintContent: 'hello, world!!',
    });

    this.map.geoObjects.add(this.marker);

    this.map.events.add('click', this.onMapClick);

    this.$watch('coords', this.updateMap);
  },
  onMapClick(e) {
    this.coords = e.get('coords');
  },
  updateMap() {
    this.map.panTo(this.coords);
    this.marker.geometry.setCoordinates(this.coords);
  },
},
created() {
  ymaps.ready(this.initMap);
},

function shortNumber(val) {
  const abs = Math.abs(val);
  const prefixIndex = Math.log10(abs) / 3 | 0;
  return (
    (val < 0 ? '-' : '') +
    Math.round(abs / (10 ** (prefixIndex * 3))) +
    'KMGTPEZY'.charAt(~-prefixIndex)
  );
}

shortNumber(99)       // '99'
shortNumber(1945)     // '2K'
shortNumber(-5839465) // '-6M'
shortNumber(7e10)     // '70G'

const [ sort, setSort ] = useState(false);

const sorted = useMemo(() => {
  return [...data].sort((a, b) => {
    return a.name.localeCompare(b.name) * (sort ? -1 : 1);
  });
}, [ sort ]);

<button onClick={() => setSort(sort => !sort)}>Сортировать</button>

Открываем консоль, читаем:

A different origin subframe tried to create a JavaScript dialog. This is no longer allowed and was blocked.

Вот так.

arr = sorted(obj.values(), key=lambda n: n['count'])

preg_match('~(?<=@)\w+~u', $str, $match);

const replaceKeys = (val, replacer) =>
  val instanceof Array
    ? val.map(n => replaceKeys(n, replacer))
    : val instanceof Object
      ? Object.fromEntries(Object
          .entries(val)
          .map(n => [ replacer(n[0]), replaceKeys(n[1], replacer) ])
        )
      : val;


const newObj = replaceKeys(obj, k => k.toUpperCase());

`${str | 0}`
// или
str.replace(/^0+/, '')
// или
str.match(/[^0].*/)[0]
// или
str.split(/^0*/).pop()
// или
str.slice(str.search(/[^0]/))
// или
[...str].reduce((acc, n) => (+n || acc) && acc + n, '')

$('#search-faq-input-filter').on('input', e => {
  const val = $(e.target).val().toLowerCase();

  $('.ia-item')
    .hide()
    .filter((i, n) => (
      $('.ia-content', n).text().toLowerCase().includes(val) ||
      $('.ia-title-link', n).text().toLowerCase().includes(val)
    ))
    .show();
});

В каком виде надо получить цвета? Если нужны строки (значения свойства name), то

[...new Set(data.variations.map(n => n.color.name))]

Если же нужны сами объекты, тогда

Object.values(Object.fromEntries(data.variations.map(n => [ n.color.name, n.color ])))

// или

Object.values(data.variations.reduce((acc, { color: n }) => (acc[n.name] ??= n, acc), {}))

// или

data.variations.map(n => n.color).filter(function(n) {
  return !(this[n.name] = this.hasOwnProperty(n.name));
}, {})

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

const unique = (data, key = n => n) =>
  Array.prototype.filter.call(data, function(n) {
    const k = key(n);
    return !this.has(k) && this.add(k);
  }, new Set);


// получаем массив уникальных имён цветов
const uniqueStrColors = unique(data.variations.map(n => n.color.name));

// получаем массив объектов цветов, свойства name которых уникальны
const uniqueObjColors = unique(data.variations.map(n => n.color), n => n.name);

document.querySelectorAll('.slider__itm img').forEach(n => {
  const link = document.createElement('a');
  n.parentNode.append(link);
  link.append(n);
});

или

for (const n of document.querySelectorAll('.slider__itm')) {
  n.innerHTML = `<a>${n.innerHTML}</a>`;
}

или

for (const n of document.getElementsByClassName('slider__itm')) {
  const link = document.createElement('a');
  link.appendChild(n.replaceChild(link, n.children[0]));
}

или

const imgs = document.querySelectorAll('.slider__itm img');

for (let i = 0; i < imgs.length; i++) {
  const link = document.createElement('a');
  imgs[i].replaceWith(link);
  link.insertAdjacentElement('afterbegin', imgs[i]);
}

str.match(/(?<=\{.*)[^\We]+(?=.*\})/g)

select.addEventListener('change', function() {
  swiper.slideTo(this.selectedIndex);
});

Отфильтровать данные с использованием введённой пользователем строки:

const filteredPeople = people.filter(n => n.name.includes(searchFilter));

Использовать для рендеринга результат фильтрации вместо полных данных:

<ul className="list-group">
  {filteredPeople.map(n => (
    ...

Собираем начальные и конечные точки сегментов маршрута (объекты вида { точка: сегмент }). Находим начальный сегмент маршрута - такой, начальная точка которого не является ничьей конечной. Следующий сегмент маршрута - такой, начальная точка которого является конечной точкой текущего сегмента. Ну и крутим цикл до тех пор, пока текущий сегмент маршрута существует, не забывая сохранять его в результирующий массив:

function sort(route) {
  const pointsFrom = Object.fromEntries(route.map(n => [ n.from, n ]));
  const pointsTo = Object.fromEntries(route.map(n => [ n.to, n ]));
  const sorted = [];

  for (
    let segment = route.find(n => !pointsTo[n.from]);
    segment;
    segment = pointsFrom[segment.to]
  ) {
    sorted.push(segment);
  }

  return sorted;
}

const remove = str => str.split(' ').slice(0, -1).join(' ');
// или
const remove = str => str.replace(/\s\S+$/, '');
// или
const remove = str => str.match(/.+(?=\s)/);
// или
const remove = str => str.slice(0, str.lastIndexOf(' '));

for (const n of document.getElementsByClassName('startdate')) {
  n.textContent = remove(n.textContent);
}

// или, раз уж полной даты уже не будет, пусть начало и конец интервала дат
// располагаются внутри одного элемента - вместе с куском строки также
// удаляем и родительский элемент

document.querySelectorAll('.startdate').forEach(n => {
  n.outerHTML = remove(n.innerHTML);
  // или
  n.replaceWith(remove(n.innerText));
});