Дима Паутов

Какое свойство смотрим, какие значения хотим увидеть:

const key = 'workplace';
const values = [ 'office', 'hotel' ];

Достаём объекты:

const result = arr.filter(function(n) {
  return this.has(n[key]);
}, new Set(values));

// или

const result = values.flatMap(((grouped, n) => grouped[n] ?? []).bind(
  null,
  arr.reduce((acc, n) => ((acc[n[key]] = acc[n[key]] ?? []).push(n), acc), {})
));

// или

const result = [];
for (const n of arr) {
  for (const m of values) {
    if (m === n[key]) {
      result.push(n);
      break;
    }
  }
}

// или

const result = [];
for (let i = 0; i < arr.length; i++) {
  if (~values.indexOf(arr[i][key])) {
    result[result.length] = arr[i];
  }
}

// или

const result = (function get(i, n = arr[i]) {
  return n
    ? [].concat(values.includes(n[key]) ? n : [], get(-~i))
    : [];
})(0);

оператор == не сравнивает массивы поэлементно, он сравнивает ссылки, а они очевидно разные. Смый банальный способ сравнить такие небольшие массивы, это привести их к строке с помощью JSON.stringify() и сравнить строки

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.some(m => m === n.name));

// или

const obj2 = arr2.reduce((acc, n) => (
  (acc[n.name] = acc[n.name] ?? []).push(n),
  acc
), {});
const newArr2 = arr1.flatMap(n => obj2[n] ?? []);

// или

const newArr2 = [];
for (const n of arr2) {
  for (const m of arr1) {
    if (m === n.name) {
      newArr2.push(n);
      break;
    }
  }
}

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

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

// или

arr2.splice(0, arr2.length, ...arr2.filter(function(n) {
  return this.has(n.name);
}, new Set(arr1)));

// или

arr2.length -= arr2.reduce((acc, n, i, a) => (
  a[i - acc] = n,
  acc + !arr1.includes(n.name)
), 0);

вот это может помочь:
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));