Сергей Соколов

Если речь идёт только об уникальности свойства name, можно создать объект, где это свойство будет ключом, а последний встретившийся объект с этим свойством – значением. Более поздние объекты с повторным свойством nameперезаписывают собой более ранние. В конце остаётся вытащить все значения из этого объекта:

Object.values(
  arr.reduce(
    (acc, c) => {
      c.forEach(o => acc[o.name] = o);
        // получается объект acc:
        //    "test":  {id: 1, name: 'test'},
        //    "test2": {id: 2, name: 'test2'},
        //    "test3": {id: 3, name: 'test3'},
        // ...
      return acc;
    },
    {}
  )
);

Update. в комментариях выснили, что требуется уникальность не одного, а набора свойств. Тогда принцип тот же, но в качестве ключа использовать некий хэш или отпечаток этих свойств.
Самый простой вариант склеить строки значений. Но возможны коллизии типа {"name": "Stan", code: "dart"} и {"name": "Stand", code: "art"} — оба дадут отпечаток "Standart" и посчитаются идентичными.

Немного лучше удалить из копии объекта св-во id, и перевести в JSON. Тут слабое место – порядок свойств. Если у одного из объектов свойства поменяют местами, алгоритм сочтёт их разными.

Object.values(
  arr.reduce(
    (acc, c) => {
      c.forEach(o => {
        const source = Object.assign({}, o);
        delete source.id;
        const hash = JSON.stringify(source);
        acc[hash] = o;
      });
      return acc;
    },
    {}
  )
);

Возможно, причина в том, что Vue обновляет DOM асинхронно.
К моменту, где сейчас вызывается filterSelectChildren() DOM ещё не обновлён и таблицы нет.

Попробуйте фильтровать по следующему тику:

Vue.nextTick(function () {
    filterSelectChildren('#codepenSelectFirstChild', currentSetting);
})

В вашем коде косяк в том значении, которое принимает i после обновления.
Например, было 0.
Нажали "Показать".i++, i++ // i === 2
Нажали "Скрыть".
Скрывается соответствующий текущему значению i===2 (0, 1, 2 - т.е. третий, он и так пока скрыт).
i уменьшается на 1.
Скрывается соответствующий нынешнему i===1 (т.е. второй, был видимым).
И потом i становится равным 0. Остался видимым нулевой.
Надеюсь, понятна причина видимости одного.
Это лечится костылём: замените оба i-- на --i.
Но это не устранит другой проблемы: i может уезжать в минус.

Предлагаю держать переменную, определяющую сколько элементов сейчас видимы.
И функцию, которая только исходя из этой переменной показывает/прячет нужное число элементов.

Так ведь передаётся не функция function(){...}, а выражение users.sort(...)
Выражение, которое сразу же выполняется, чтобы получилось значение. И вот это значение будет (?) обработчиком события клика. Т.е. в этом коде предлагается по клику не функцию выполнить, а сортированный массив – даже не знаю, что с ним делать.

Чтобы не сразу, оберните код в .. кхм .. функцию!

button.addEventListener('click', function() {
  users.sort(
    function(a, b){
      return b.age-a.age
    }
  )
});

// или покороче
button.addEventListener('click', () => users.sort((a, b) => b.age - a.age));

Так только по событию клика массив, наконец, отсортируют.

Тернарное - выражение. Его можно использовать для инициализации константы.

if - управляющая структура. Ничего не возвращает, ограничивает scope. Объявленная внутри нее константа наружу не выберется.

Можно функцией:

const example = (x => {
  if (x === 5) return "Tos";
  else return "ter";
})(5);

Делегирование событий.

Можно только слушать события на общем родителе, и проверять, есть ли искомый класс в кликнутом элементе:

Можно так представить сумму этой последовательности с шагом k:

(a + 0*k) + (a + 1*k) + (a + 2*k) + ... + (a + (N-1)*k)
= a * N + ( 0*k + 1*k + 2*k + ... (N-1)*k )
= a * N + k * (0 + 1 + 2 + ... (N-1))
= a * N + k * (N * (N - 1) / 2 )

Получилась формула для искомой суммы.

Остается найти N – количество суммируемых чисел = минимальное N, при котором a + N*k > b
Тут поможет программирование:var N = 1 + Math.floor((b-a) / k);

Получили N, посчитали по формуле сумму. Никаких циклов, одно округление )

У канала может быть несколько url.
Создание красивого url не отменяет ссылки с id канала.
Смело включайте красивую ссылку.

https://support.google.com/youtube/answer/6180214?...

Нужно сделать функцию, которая будет проверять и включать/выключать кнопку.
Вызывать её по кажому изменению в инпутах:

// элементы
const in_1 = document.getElementById("input_1");
const in_2 = document.getElementById("input_2");
const btn = document.getElementById("btn");

// функция проверки и вкл/выкл кнопки
const check = () => btn.disabled =
  in_1.value.length < 3  ||  in_2.value.length < 3;

// проверять при изменении инпутов
in_1.addEventListener('input', check);
in_2.addEventListener('input', check);

// проверить разок в самом начале
check();

Фиддл:

Сделал чуть более реалистично: чтобы минимум по 3 символа было в каждом инпуте.