saltikow

Какой проект? От этого всё зависит ведь. Если много пользователей приходит с ie11 и подобного, то, наверное, не стоит

ПС

мы уже приехали?
мы уже приехали?
мы уже приехали?
мы уже приехали?
а сейчас?
мы уже приехали?

Попробуй так

document.getElementById("st1").style.borderRadius = '5px';

только правильнее всё-таки тогда элемент вынести в переменную и есть различные способы добавления стилей через js: https://developer.mozilla.org/ru/docs/Web/API/HTML...

const obj = arr.find(n => n.id === newObj.id);
if (obj) {
  obj.counter++;
} else {
  arr.push({ ...newObj, counter: 1 });
}

Как делать надо: [...new Set(arr.map(n => n.id))].

И как не надо:

Object.values(arr.reduce((acc, n) => (acc[n.id] = n.id, acc), {}))

// или

Array.from(new Map(arr.map(({ id }) => [ id, id ])).values())

// или

arr.map(n => n.id).filter((n, i, a) => i === a.indexOf(n))

// или

arr.reduce((acc, n) => (acc.includes(n.id) || acc.push(n.id), acc), [])

const nestedObject = { a: { b: { c: 3 } }, c: 1, b: 1 };
const str = "a.b.c";

const prop = str
  .split(".")
  .reduce(
    (acc, current) => (acc[current] !== undefined ? acc[current] : acc),
    nestedObject
  );
console.log(prop);

если str будет другой, например, 'a.b.c.d', то вернет максимально глубокое значение, т.е. в данном случае `c`, которое равно 3

оно?

background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/header/hd-bg1.png);

вот тебе ещё

const array1 = [
{ "user_id": 1, "page_views": 7, "clicks": 5 },
{ "user_id": 5, "page_views": 6, "clicks": 3 },
{ "user_id": 9, "page_views": 4, "clicks": 7 },
{ "user_id": 1, "page_views": 3, "clicks": 5 },
];

const array2 = [
{"id":9,"first_name":"Barnabas"},
{"id":1,"first_name":"Emlyn"},
{"id":5,"first_name":"Ervin"},
];

const result = array2.map(item2 => {
  // отфильтровали массив 1 на наличие элементов с соответствующим id
  const withCurrentId = array1.filter(item1 => item1['user_id'] === item2['id']);
  
  // склеили новый объект с суммами свойств
  const item1 = withCurrentId.reduce((acc, curr) => {
    // если в аккумуляторе нет свойства page_views, то 0, потом суммируем
    acc['page_views'] = (acc['page_views'] || 0) + curr['page_views'];
    // если в аккумуляторе нет свойства clicks, то 0, потом суммируем
    acc['clicks'] = (acc['clicks'] || 0) + curr['clicks'];

    return acc;
  }, {});

  return { ...item2, ...item1 };
});


console.log(result);

const result = arr2.map(function(n) {
  return { ...n, ...this[n.id] };
}, arr1.reduce((acc, { user_id: id, ...n }) => {
  const obj = acc[id] = acc[id] ?? {};
  Object.keys(n).forEach(k => obj[k] = (obj[k] ?? 0) + n[k]);
  return acc;
}, {}));

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

const arr = [{name: 'Сергей'}, {name: 'Анна'}, {name: 'Сергей'}, {name: 'Пётр'}, {name: 'Антон'}];
const result = [...new Set(arr.map(n => n.name))].sort((a, b) => a.localeCompare(b));

console.log(result);