0xD34F

const reverse = str => str.length < 2 ? str : reverse(str.slice(1)) + str[0];

или

const reverse = ([ c, ...str ]) => c ? reverse(str) + c : '';

$.easing.bullshit = function(x, t, b, c, d) {
  return (t == d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b;
};

$('.ach-number span').each(function() {
  $(this).prop('counter', 0).animate({
    counter: $(this).text(),
  }, {
    duration: 10000,
    easing: 'bullshit',
    step(val) {
      $(this).text(Math.ceil(val));
    },
  });
});

https://jsfiddle.net/ph4ku28v/

const arr = [];
for (let i = 0; i < 10; arr[i] = ++i) ;

Или, без счётчика:

const arr = [];
while (arr.push(arr.length + 1) < 10) ;

Или, без цикла в явном виде:

const arr = Array.from({ length: 10 }, (_, i) => -~i);

Но если на функцию ссылается объект...

Ну так это совсем другая ссылка, не та, что вы используете при переопределении.

Указывайте контекст при переопределении, т.е., замените

foo = function () {

на

this.foo = function () {

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

Скажите, может ли он ставить по одной точке и показывать?

Можно, только наверное не по одной - скажем по 100 за раз. Показали часть точек - setTimeout на показ следующей части. Типа так:

const getRandom = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;

const NUM_POINTS = 100000;

const BASE_POINTS = [
  [ 50, 50 ],
  [ 1200, 50 ],
  [ 625, 500 ],
];

const draw = SVG('drawing').size(1200, 500);
const group = draw.group();

let currPoints = 0;
let point = [ (getRandom(50, 1200)), (getRandom(50, 500)) ];

function nextPoint(previousPoint) {
  const basePoint = BASE_POINTS[getRandom(0, BASE_POINTS.length - 1)];
  point = [ (previousPoint[0] + basePoint[0]) / 2, (previousPoint[1] + basePoint[1]) / 2 ];
  group.add(draw.circle(1).fill('#000').move(point[0], point[1]));
}

(function next() {
  if (currPoints < NUM_POINTS) {
    for (let i = 0; i < 100; i++, currPoints++) {
      nextPoint(point);
    }

    setTimeout(next, 50);
  }
})();

<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.5/svg.min.js"></script>

<div id="drawing"></div>

if (elem == "edit") {
    app.UserBook.fullView(elem);

Понятно, elem - это строка.

fullView(elem) {
    const d = document;
    const i = elem;
    d.querySelector('#Edname').value = this.items[i].fname;

И используя эту строку как ключ, вы пытаетесь что-то достать из this.items.

Из тех самых items, которые вроде бы массив:

for (let i = 0; i < this.items.length; i++) {

Как-то странно получается, не находите?

time.replace(/0{4}$/, '00')

// или

time.replace(/0{4}$/, m => m.slice(-2))

// или

time.replace(/00(00)$/, '$1')

// или

time.replace(/00(?=00$)/, '')

// или

time.replace(/(?<=00)00$/, '')

// или

time.endsWith('0000') ? time.slice(0, -2) : time

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

Под более удобным вы понимаете более короткую запись? Можно заменить обращение к последним элементам массивов на .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