Дима Паутов

str.replace(/:$/, '')

// или

str.match(/[^:]+:[^:]+/)[0]

// или

str.match(/[^:]+/g).slice(0, 2).join`:`

// или

str.split(':', 2).join(':')

// или

str.slice(0, str.length - (str.slice(-1) === ':'))

тут важно понимать, что модуль fs это часть node.js и в бандле, который ты передаешь на клиент уже никакой node.js у клиента не будет. а потому ты должен обеспечить использование коровых модулей node.js только там, где ты знаешь, что это будет запущено нодой, а не в браузере.
Вебпак старается решить такого рода зависимости и может объявлять пустые объекты для фронта, но это все равно не приведет к ожидаемому тобой результату.

перспективы цветут и пахнут: сейчас практически всё мигрирует в веб.

но задающие подобные вопросы люди обычно стоят где-то в сторонке.

function getGridSize() {
  const w = window.innerWidth;
  return [ 500, 700, 1225, Infinity ].findIndex(n => n > w) + 1;
}

Или

function getGridSize() {
  const w = window.innerWidth;
  return [
    { size: 1, maxWidth: 500 },
    { size: 2, maxWidth: 700 },
    { size: 3, maxWidth: 1225 },
    { size: 4, maxWidth: Infinity },
  ].find(n => n.maxWidth > w).size;
}

Сделаем функцию, которая проверяет равенство содержимого двух массивов - сравниваем длины, затем проверяем, что каждый элемент одного массива равен элементу с тем же индексом в другом массиве:

const isEqual = (a, b) =>
  a.length === b.length && a.every((n, i) => Object.is(n, b[i]));

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

const includes = (arrs, search) =>
  arrs.some(n => isEqual(n, search));

Всё: console.log(includes(array, [ 21, 81 ]));.

footer { clear: both}

Самое понятное видео на Youtube про this

Если бэкенд делал не дебил, то валидность данных и права пользователя проверяются при каждом запросе. Соответственно, злоумышленник меняет значение переменной, попадает в закрытый раздел, в котором ничего не работает.

Создать новый массив:

const newArr2 = arr2.filter(n => arr1.includes(n.name));

// или

const newArr2 = arr2.filter(function(n) {
  return this.has(n.name);
}, new Set(arr1));

// или

const obj2 = Object.fromEntries(arr2.map(n => [ n.name, n ]));
const newArr2 = arr1.reduce((acc, n) => ((n = obj2[n]) && acc.push(n), acc), []);

Удалить элементы существующего:

let numDeleted = 0;

for (let i = 0; i < arr2.length; i++) {
  arr2[i - numDeleted] = arr2[i];
  numDeleted += !arr1.includes(arr2[i].name);
}

arr2.length -= numDeleted;

// или

for (let i = arr2.length; i--;) {
  if (!arr1.includes(arr2[i].name)) {
    arr2.splice(i, 1);
  }
}

// или

arr2.reduceRight((_, n, i, a) => arr1.includes(n.name) || a.splice(i, 1), null);

// или

arr2.splice(0, arr2.length, ...arr2.filter(n => arr1.includes(n.name)));

вот это может помочь:
https://www.reddit.com/r/chrome/comments/etvhc2/wh...

Самый простой способ, сравнить строку со строкой наоборот. Например было "строка", а вторая строка "акортс", и если они равны (нужно сравнивать в нижнем регистре toLowerCase), то слово палиндром, если нет, то не палиндром.
UPD: Также можно обрезать пробелы, чтобы третий пример работал.

const result = graphData.map((n, i) => ({ ...n, color: palette[i % palette.length] }));

или, в более общем виде:

const combine = (arr, keys, values) =>
  arr.map(({ ...n }, i) => (
    values.forEach((m, j) => n[keys[j]] = m[i % m.length]),
    n
  ));


const result = combine(graphData, [ 'color' ], [ palette ]);

const className = 'класс, который не надо удалять';


// Если известно, что класс присутствует или должен быть добавлен в случае отсутствия:
element.className = className;

// Если известно, что класс отсутствует и не должен быть добавлен:
element.className = '';

// Если неизвестно, присутствует ли класс и в случае отсутствия он не должен быть добавлен:
element.className = element.classList.contains(className) ? className : '';
// или
element.classList.remove(...[...element.classList].filter(n => n !== className));

function createTree(arr, structure) {
  const tree = Object.fromEntries(arr.map(n => [ n.id, { ...n } ]));
  const nonRootIds = structure.flatMap(n => n.children);

  structure.forEach(n => tree[n.id].elements = n.children.map(m => tree[m]));

  return Object.values(tree).filter(n => !nonRootIds.includes(n.id));
}