0xD34F

Есть какой нибудь более удобный способ ?

Под более удобным вы понимаете более короткую запись? Можно заменить обращение к последним элементам массивов на .slice(-1)[0], получится так:

masMain.slice(-1)[0].mas1.slice(-1)[0].mas2.push(objectDoc);

UPD. Наконец-то дождались, и трёх лет не прошло: masMain.at(-1).mas1.at(-1).mas2.push(objectDoc);.

Как превратить в массив значений id...

const ids = [].concat(...data.result.map(n => n.test.map(m => m.id)))

...и уже в нем искать значение, равное 12?

ids.includes(12)

Но вообще, можно обойтись и без массива id:

data.result.some(n => n.test.some(m => m.id === 12))

document.querySelectorAll('.item .hidden').forEach(n => {
  n.closest('.item').style.display = 'none';
});

или

for (const n of document.getElementsByClassName('item')) {
  if (n.querySelector('.hidden')) {
    n.style.display = 'none';
  }
}

UPD. Наконец-то дождались, теперь js тут использовать необязательно:

.item:has(.hidden) {
  display: none;
}

в идеале, чтобы каждое нажатие на ссылку делало один поворот по часовой стрелке на 90 градусов

Можно сделать несколько классов, для каждого из которых определён свой поворот, и последовательно их менять:

.rotate0   { transform: rotate(0deg); }
.rotate90  { transform: rotate(90deg); }
.rotate180 { transform: rotate(180deg); }
.rotate270 { transform: rotate(270deg); }

<a href="#" data-rotate="-1">Повернуть на -90 градусов</a>
<a href="#" data-rotate="+1">Повернуть на +90 градусов</a>

const photo = document.querySelector('.photo');
const classes = [ 'rotate0', 'rotate90', 'rotate180', 'rotate270' ];
let index = 0;

document.addEventListener('click', function(e) {
  const rotate = +e.target.dataset.rotate;
  if (rotate) {
    photo.classList.remove(classes[index]);
    index = (index + rotate + classes.length) % classes.length;
    photo.classList.add(classes[index]);
  }
});

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

а можно пример, чтобы поворачивать по 1 градусу и в обратную сторону

Для поворота по одному градусу я конечно не стал бы делать отдельные классы, а вписывал бы нужное значение в style.transform:

<a href="#" data-rotate="-1">rotate ccw</a>
<a href="#" data-rotate="+1">rotate cw</a>

const photo = document.querySelector('.photo');
let angle = 0;

document.querySelectorAll('[data-rotate]').forEach(n => n.addEventListener('click', onClick));

function onClick({ target: { dataset: { rotate } } }) {
  angle = (angle + +rotate + 360) % 360;
  photo.style.transform = `rotate(${angle}deg)`;
}

str.split('-').reverse().join('.')

// или

str.replace(/(\d+)-(\d+)-(\d+)/, '$3.$2.$1')

// или

new Date(str).toLocaleDateString('ru-RU')

// или

str.match(/\d+/g).reduce((acc, n) => n + (acc && '.') + acc, '')

Элементам с сообщениями об ошибках назначайте класс (это в методе showMessage):

messageNode.classList.add('error-message');

По которому перед проверкой (это в начале метода checkFieldType) вы их будете находить и удалять:

self.formElement.querySelectorAll('.error-message').forEach(n => n.remove(n));

что не так в скрипте

А что, думаете функция сама себя должна привязать к чекбоксу в качестве обработчика события change? Нет, так не будет - это ваша работа.

можно ли его сделать проще

Можно:

document.querySelector('#play').addEventListener('change', e => {
  document.querySelector('.block').style.opacity = +e.target.checked;
});

Или, вообще без js:

#play:checked ~ div > .block {
  opacity: 1;
}

Пусть функция перезаписывает себя пустой функцией:

function one() {
  console.log('AAAAAAAAAA');
  one = () => {};
}

Или, можно как декоратор это дело оформить:

function once(f) {
  let called = false;

  return function() {
    if (!called) {
      called = true;
      return f.apply(this, arguments);
    }
  };
}

const one = once(function() {
  console.log('AAAAAAAAAA');
});

Замените текущее регулярное выражение на /[^+\d]/g.

Ну а вообще, как я понял, вы хотите реализовать ввод телефона. Рекомендую посмотреть в сторону таких вещей как inputmask, например.

const newArr = arr
  .reduce((acc, n, i, a) => (
    a[i - 1] !== n && acc.push([ n, 0 ]),
    acc[acc.length - 1][1]++,
    acc
  ), [])
  .reduce((acc, n) => (
    acc.push(...Array(n[1]).fill(n[1] > 2 ? `${n[0]}` : n[0])),
    acc
  ), []);

или

const newArr = arr.map((n, i, a) => (
  a[i - 1] === n && a[i - 2] === n ||
  a[i + 1] === n && a[i + 2] === n ||
  a[i - 1] === n && a[i + 1] === n
    ? `${n}`
    : n
));

Как делать надо: [...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), [])

Не удалось нарыть инфы по этому вопросу

Откройте спецификацию, да почитайте.

есть ли ограничения у данного способа?

parseInt('666!!!') // 666

+'666!!!' // NaN

Получаем один элемент, текст которого точно совпадает с заданным:

const elem = Array
  .from(document.querySelectorAll('.wrap .price'))
  .find(n => n.textContent === price);

if (elem) {
  ...

Получаем все элементы, которые содержат заданный текст:

const elems = Array.prototype.filter.call(
  document.querySelectorAll('.wrap .price'),
  n => n.innerText.includes(price)
);

if (elems.length) {
  ...

const sum = Array
  .from(document.querySelectorAll('.price'))
  .reduce((acc, n) => acc + parseFloat(n.innerText), 0);

Замените

$(".account_ads_more_block").toggleClass("active");

на

$(this).next(".account_ads_more_block").toggleClass("active");

Object.assign не выполняет глубокого копирования. Так что просто устанавливать значение value нельзя - это value одних и тех же объектов. Можно перезаписывать объект целиком, замените

fullField[field_name].value = element[field_name] || 'NULL';

на

fullField[field_name] = Object.assign(
  {},
  fullField[field_name],
  { value: element[field_name] || 'NULL' },
);

$this.elements.style.transform = "scale(0)";
$this.elements.style.transform = "scale(1)";

Вставьте между этими строками $this.elements.offsetTop;, например (ага, просто обращение к свойству, ничего более) - будет работать как вы хотите. М-м-магия? Никак нет. Рекомендую к прочтению.

const found = Object.keys(obj).filter(n => n.toLowerCase().includes(search));
const SHOW = 2;
const button = document.querySelector('button');
const out = document.querySelector('#out');

button.addEventListener('click', showFound);
showFound();

function showFound() {
  out.insertAdjacentHTML('beforeend', found
    .splice(0, SHOW)
    .map(n => `<div>${n}</div>`)
    .join('')
  );

  button.disabled = !found.length;
}

Вот вы передаёте в конструктор объект настроек options - это хорошо, можно сделать ещё один объект, defaultOptions, с настройками по умолчанию, и объединять их, так, чтобы свойства из options имели больший приоритет:

const fullOptions = Object.assign({}, defaultOptions, options);

// или

const fullOptions = { ...defaultOptions, ...options };

const toString = obj => Object.values(obj).join(' ');

items.forEach(n => console.log(toString(n)));