0xD34F

Что мешает сразу же получить нулевой элемент массива? Типа так:

file.name.split(/\.\D+/g)[0]

Или же, если задача состоит в том, чтобы отрезать расширение файла, вообще отказаться от использования регулярных выражений:

file.name.slice(0, file.name.lastIndexOf('.'))

UPD. Вынесено из комментариев:

мне нужен сам формат png

Ну тогда так: file.name.slice(file.name.lastIndexOf('.') + 1).

Или так: file.name.split('.').pop().

Или так: file.name.match(/[^.]+$/)[0].

Или так: file.name.replace(/.*\./, '').

<select class="b-fruits">
  <option>apple</option>
  <option>orange</option>
  <option>banana</option>
</select>

<select class="b-discounts">
  <option data-type="apple">100</option>
  <option data-type="apple">200</option>
  <option data-type="orange">300</option>
  <option data-type="banana">400</option>
</select>

$('.b-fruits').change(function() {
  $('.b-discounts')
    .val(null)
    .find('option')
    .hide()
    .filter(`[data-type="${$(this).val()}"]`)
    .show();
}).change();

// или

const fruits = document.querySelector('.b-fruits');
const discounts = document.querySelector('.b-discounts');

fruits.addEventListener('change', ({ target: { value } }) => {
  discounts.value = null;
  for (const n of discounts.options) {
    n.hidden = n.dataset.type !== value;
  }
});

fruits.dispatchEvent(new Event('change'));

Что такое transit - шина событий? Обращаться к $root необходимости нет.
Зачем pop делаете? Последняя строка пустая? А вдруг однажды её там не будет? Лучше использовать filter.

Попробуйте как-нибудь так:

transit.$on('response_data', msg => {
  this.results = msg.split('\n').filter(Boolean).map(n => JSON.parse(n));
});

UPD. Примерный вид рабочего варианта вашего кода. Разумеется, без запроса - просто подставляются данные в ожидаемом формате.

Если проверяется одно свойство:

const key = 'имя какого-то свойства';
const checkItem = n => n[key] != null;

// собираем новый массив
const newArr = arr.filter(checkItem);

// обновляем существующий
for (let i = 0; i < arr.length; i++) {
  if (!checkItem(arr[i])) {
    for (let j = i--; ++j < arr.length; arr[j - 1] = arr[j]) ;
    arr.pop();
  }
}

Несколько свойств:

const keys = [ 'имя какого-то свойства', 'ещё одно', 'и ещё' ];
const checkItem = n => keys.every(k => n[k] != null);

// собираем новый массив
const newArr = [];
for (const n of arr) {
  if (checkItem(n)) {
    newArr.push(n);
  }
}

// обновляем существующий
arr.splice(0, arr.length, ...arr.filter(checkItem));

Все свойства:

const checkItem = n => !Object.values(n).some(v => v == null);

// собираем новый массив
const newArr = (function get(i, n = arr[--i]) {
  return i >= 0
    ? get(i).concat(checkItem(n) ? n : [])
    : [];
})(arr.length);

// обновляем существующий
arr.length -= arr.reduce((acc, n, i, a) => (
  a[i - acc] = n,
  acc + !checkItem(n)
), 0);

Раз уж у вас там таблица - то и добавляйте строки, а не div'ы. А чтобы одна ячейка занимала всю строку, используйте colspan. Типа так.

https://css-tricks.com/almanac/properties/t/text-d...

https://codepen.io/thejameskyle/pen/ibtLp?editors=1100

const obj = arr
  .filter(n => n.status === 'approved')
  .reduce((p, c) => ({ ...p, message: `${p.message}\n${c.message}` }));

Или, собираем всё, а затем извлекаем, что потребуется:

const grouped = arr.reduce((acc, { status, message }) => {
  acc[status] = acc[status] || { status, messages: [] };
  acc[status].messages.push(message);
  return acc;
}, {});

Object.keys(grouped).forEach(n => grouped[n].messages = grouped[n].messages.join('\n'));


const obj = grouped.approved;

#a:hover + #b {
  display: block;
}

одно из вложенных свойств через v-model привязывается к чекбоксу
<...>
при попытке прописать v-if с использованием этого свойства, при его изменении ничего в DOM не меняется

Раз ничего не меняется, значит, на самом деле этого свойства изначально нет, оно добавляется через v-model, при первом изменении состояния чекбокса. А vue, как известно, не может обнаружить добавление свойства объекта. Так что это свойство, чтобы оно стало реактивным, должно изначально присутствовать в объекте, и, раз оно используется для задания состояния чекбоска, то пусть дефолтным значением будет false.

UPD. Или можно обновить используемую версию vue на 2.5.0 или выше, там v-model добавляет отсутствующие свойства как реактивные.

Так?

const result = []
  .concat(...Object.values(anyIcons))
  .filter(n => n.title.includes('wq'));

или

const result = [];

for (const k in anyIcons) {
  for (const n of anyIcons[k]) {
    if (n.title.indexOf('wq') !== -1) {
      result.push(n);
    }
  }
}

1. Вместо name должен быть id.

2. Надо отменять действие по умолчанию.

$('a[href^="#"]').click(function(e) {
  e.preventDefault();
  const selector = $(this).attr('href');
  const scrollTop = $(selector).offset().top;
  $('html').animate({ scrollTop }, 1100);
});

Например.

num |= 0xF << (sizeof(num) * 8 - 4);

Если вы полагаете, что i в момент выполнения a('.add_list > div')[i] будет равно 0, 1, 2, и т.д., то вы сильно ошибаетесь. Оно всегда будет равно 10. Объявите i с помощью let вместо var.

Ну и конечно, несколько странно пытаться что-то делать с элементом, в существовании которого вы не удостоверились. Проверку бы какую сделали, что ли. А лучше - изначально обрабатывать только то, что есть:

const items = document.querySelectorAll('.add_list > div');
const numItemsToUpdate = 10;
const update = (el, index) =>
  setTimeout(() => el.style.opacity = 1, index * 30);

Array.prototype.slice.call(items, 0, numItemsToUpdate).forEach(update);

// или

for (let i = 0; i < Math.min(items.length, numItemsToUpdate); i++) {
  update(items[i], i);
}

// или

for (const [ i, n ] of items.entries()) {
  if (i === numItemsToUpdate) {
    break;
  }

  update(n, i);
}

Можно так:

Math.floor(Date.now() / 1000);

Быстрее примерно в два раза.

UPD. Или можно, как вы говорите, "с погрешностью" - храните значение в переменной, обновляете с помощью setInterval:

let time = Math.floor(Date.now() / 1000);
setInterval(() => time = Math.floor(Date.now() / 1000), 1000);

https://jsfiddle.net/356pm4fh/

Замените

<Product product={this.props.product} />

на

{this.props.product.map(n => <Product key={n.id} product={n} />)}

{Object.keys(anyIcons).map(type => (
  <Category>
    <CategoryType>
      {type === 'people' && 'PEOPLE'} 
      {type === 'nature' && 'ANIMALS & NATURE'}
    </CategoryType>
    {anyIcons[type].map(icon => (
      <RedactorEmojiItem data={icon.code}>{icon.title}</RedactorEmojiItem>
    ))}
  </Category>
))}

Так как одновременно может быть активным только один класс - вместо нескольких булевых свойств сделать одно, которое будет хранить имя активного класса:

data: () => ({
  activeClass: '',
  ...
}),

<p :class="activeClass"></p>

Возможные имена классов сложить в массив, создавать элементы с помощью v-for, перебирая этот массив; по событиям mouseover/mouseout переключать значение активного класса:

data: () => ({
  classes: [ 'какой-то класс', 'ещё класс', ... ],
  ...
}),

<p
  v-for="n in classes"
  @mouseover="activeClass = n"
  @mouseout="activeClass = ''"
>

Похоже на то, что вам нужно?