0xD34F

const max = Math.max(...Object.values(obj[0]).map(n => n ? n.level : -Infinity));

const objectParser = (data, path = '') => Object.assign({
  [path || '<root>']: data,
}, ...(data instanceof Object
  ? Object.entries(data).map(([ k, v ]) => objectParser(v, `${path}[${k}]`))
  : []
));

Из показанного кода сами написали сколько? Хоть одна строка есть? Или тут стопроцентное ctrl-c + ctrl-v?

• Отсутствует запятая после определения массива points
  
• Отсутствует запятая после определения массива pointl
  
• После определения link вместо точки с запятой должна быть запятая, либо перед определением getPointData пропущено ключевое слово var
  
• После определения getPointData вместо запятой должна быть точка с запятой
  
• После цикла for не должно быть запятой
  

Должно. Вынесите объявления массивов monsters из циклов for.

И почитайте об областях видимости. Вот прям сейчас гуглите "c++ область видимости" и просвещайтесь.

const parentSelector = 'селектор родительского элемента';
const noClassSelector = 'селектор элементов, которым не надо добавлять класс';
const className = 'класс';

$(parentSelector)
  .children()
  .removeClass(className)
  .not(noClassSelector)
  .addClass(className);

// или

for (const n of document.querySelector(parentSelector).children) {
  n.classList.toggle(className, !n.matches(noClassSelector));
}

Замените условие цикла, вместо n < locals.length сделайте n < locals.length / 3.

Или измените шаг - с 1 на 3, и обращения к элементам массива: вместо 3 * n будет просто n, вместо 3 * n + 1 будет n + 1, и т.д.

Тут явно напрашивается использование is, должно получится что-то вроде

<component :is="item.type" :data="item.data"></component>

А чтобы вручную не импортировать каждый из компонентов, воспользуйтесь require.context.

Что-то многовато параметров передаёте в конструктор, hintContent и iconContent должны лежать в одном объекте:

const myPlacemark = new ymaps.Placemark([ 59.8755, 30.3955 ], {
  hintContent: '<b>Адрес/метро:</b> Белы Куна 21-Н,  1й этаж/ м.Международная <br> <b>Площадь:</b> 45 м <br> <b>Стоимость:</b> 70 000 р. в мес. + К/У' , 
  iconContent: 'Магазин (нежилой фонд)'
}, {
  preset: 'islands#darkGreenStretchyIcon'
});

погуглил за вас

const formatTime = seconds => [
  seconds / 3600 | 0,
  seconds / 60 % 60 | 0,
  seconds % 60,
].map(n => `${n}`.padStart(2, 0)).join(':');

const LENGTH = чему-то там равно, это вам виднее;
const input = document.querySelector('селектор инпута');
const button = document.querySelector('селектор кнопки');

input.addEventListener('input', e => {
  button.style.display = e.target.value.length >= LENGTH ? '' : 'none';
});

input.dispatchEvent(new Event('input'));

я меняю другие данные

Это вам так кажется. Чтобы не казалось, надо заполнить пробелы в знаниях основ js.

Хотите, чтобы не менялось - вырезаете created, в качестве начального значения columns устанавливаете

this.type === 'columns'
  ? this.items.slice(1).map(n => ({ ...n }))
  : []

if (typeof defaultBg1 == 'Background') // ???

Это по-другому делается (с известными ограничениями - у null и undefined свойств не бывает, попытка обратиться к конструктору в их случае приведёт к TypeError; кроме того, instanceof проверяет всю цепочку прототипов, т.е., например, [ 1, 2, 3 ] одновременно и instanceof Array, и instanceof Object):

if (defaultBg1 instanceof Background)
// или
if (defaultBg1.constructor === Background)
// или
if (defaultBg1.constructor.name === 'Background')

А вообще, можно соорудить такой костыль:

const type = x => x == null ? `${x}` : x.constructor.name;

type() // 'undefined'
type(null) // 'null'
type(true) // 'Boolean'
type(69) // 'Number'
type('hello, world!!') // 'String'
type(/./) // 'RegExp'
type([ 187 ]) // 'Array'
type({ z: 666 }) // 'Object'
type(document) // 'HTMLDocument'
type(document.querySelectorAll('div')) // 'NodeList'
type(new class XXX {}) // 'XXX'
type(type) // 'Function'

Делаете график свойством компонента:

chartObj: Chart;

this.chartObj = new Chart(reportCtx, ...

Соответственно, данные графика станут доступны как

this.chartObj.data.datasets

После внесения туда необходимых изменений обновляете график:

this.chartObj.update();

UPD. https://stackblitz.com/edit/angular-h83adp-chartjs...

Почитайте про стрелочные функции, например - это поможет вам ответить на свой вопрос самостоятельно.

Так, и в чём проблема-то? У вас же уже всё есть - при обработке ответа вы собираете массив devices, в шаблоне вы массив devices выводите. Надо только закинуть devices из обработки ответа в data - вместо той ерунды, что у вас сейчас (отдельные свойства одного элемента).

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

Немного недопонял, можешь продемонстрировать как это задать?

В data компонента определяете массив devices:

data: () => ({
  devices: [],
}),

При получении ответа закидываете в devices полученные данные:

this.devices = Object.entries(res.data).map(([ id, n ]) => ({ ...n, id }));

Ну и выводите их:

<ul>
  <li v-for="d in devices" :key="d.id">
    ...

function getRootItem($id, $array) {
  foreach ($array as $item) {
    if ($item['id'] === $id) {
      $parent = $item['parent'];
      return $parent === 0 ? $item : getRootItem($parent, $array);
    }
  }

  return null;
}

const reg = /^[А-ЯЁ][а-яё]*(-[А-ЯЁа-яё][а-яё]*)?$/;

// ok
console.log([
  'Анна',
  'Анна-Мария',
  'Анна-мария',
].map(n => reg.test(n)));

// не ok
console.log([
  'анна',
  'аНна',
  'АННА',
  ' Анна',
  'Анна ',
].map(n => reg.test(n)));