0xD34F

$headers = array_column($data[0]['pages'], 'name');
$columns = array_column($data[0]['pages'], 'attribute');
$rowCount = max(array_map('count', $columns));

$headersHTML = implode('', array_map(function($n) {
  return "<th>$n</th>";
}, $headers));

$rowsHTML = implode('', array_map(function($i) use($columns) {
  return "
    <tr>".implode('', array_map(function($n) use($i) {
        return "<td>".($n[$i] ?? '')."</td>";
      }, $columns))."
    </tr>";
}, range(0, $rowCount - 1)));

echo "
  <table>
    <thead>
      <tr>$headersHTML</tr>
    </thead>
    <tbody>$rowsHTML</tbody>
  </table>";

Используйте transition. Блоку, в который выводите значение переменной, назначаете key, равный этому значению. Изменится значение - блок нарисуется заново. Например.

fetch('https://api.novaposhta.ua/v2.0/json/', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    modelName: 'Address',
    calledMethod: 'getWarehouses',
    methodProperties: {
      CityName: document.querySelector('.myCityName').textContent,
    },
    apiKey: '',
  }),
})
  .then(r => r.json())
  .then(r => {
    document.querySelector('.mySelect').innerHTML = r.data
      .map(n => `<option>${n.Description}</option>`)
      .join('');
  });

setInterval(tesla.moveRight,30)

Контекст теряете, при вызовах moveRight значением this у него внутри будет вовсе не tesla.

Какие есть варианты исправления данного косяка:

1. Привязывать контекст при передаче метода в setInterval:
   
   setInterval(tesla.moveRight.bind(tesla), 30)
   
   
2. Передавать в setInterval не сам метод, а функцию-обёртку, где метод будет вызываться в правильном контексте:
   
   setInterval(() => tesla.moveRight(), 30)
   
   
3. Сделать Car классом, а метод moveRight объявить с использованием синтаксиса стрелочных функций:
   
   

   class Car {
     ...
   
     moveRight = () => {
       ...
     }
   }

   
   В этом случае привязка контекста будет выполнена автоматически при создании экземпляра класса, и вызов setInterval'а можно будет оставить в неизменном виде.
   
   

уберите атрибут for

Если ознакомиться с тем, что представляет собой свойство style, то можно узнать, что оно

используется для получения и установки инлайновых стилей

Вы пытаетесь получить инлайновый стиль? Нет. Ну и всё.

Используйте getComputedStyle.

работает он наоборот

потому что ^

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

При каждом вызове метода startAudio создаётся новый объект, play вызываете у одного, а pause у другого. Надо сохранять созданный audio между вызовами startAudio.

const result = arr
  .reduce((acc, n, i, a) => (
    a[i - 1] !== n && acc.push([ n, 0 ]),
    acc[acc.length - 1][1]++,
    acc
  ), [])
  .map(([ v, c ]) => c < 2 ? v : Array(c).fill(v));

или

const result = arr
  .reduce((acc, n, i, a) => (
    a[i - 1] === n || acc.push([]),
    acc[acc.length - 1].push(n),
    acc
  ), [])
  .map(n => n.length === 1 ? n[0] : n);

или

const result = arr.reduce((acc, n, i, a) => {
  const prev = n === a[~-i];
  const next = n === a[-~i];
  !prev && next && acc.push([]);
  (prev || next ? acc[~-acc.length] : acc).push(n);
  return acc;
}, []);

Какого размера нужен массив, с каким интервалом должны быть времена и в каком виде:

const length = 48;
const step = 30;
const locale = 'en-US';
const options = {
  hour: '2-digit',
  minute: '2-digit',
};

Создаём:

const times = Array.from({ length }, (_, i) => {
  return new Date(0, 0, 0, 0, step * i).toLocaleTimeString(locale, options);
});

// или

const times = Array.from({ length }, function() {
  return this[1].format(this[0].setMinutes(this[0].getMinutes() + step));
}, [ new Date(0, 0, 0, 0, -step), new Intl.DateTimeFormat(locale, options) ]);

Regex.Replace(str, "(?i)[^А-ЯЁA-Z]", "")

Добавьте модификатор u:

preg_match_all("/[а-я]{4,}/ui", $string, $keywords);

Устанавливаете наблюдение за значениями, находите изменившееся, исправляете его - вычитаете из него разность (если она больше 0) между текущей суммой и максимально допустимой. Примерно так оно может выглядеть.

str.replace(/^https?:\/\/|\/$/g, '')

или

str.match(/(?<=\/\/).+?(?=\/?$)/)[0]

Добавьте input'у внутри элемента .findreg такие же обработчики событий focus и blur, как у .reg. Типа так.

Потому что вы копируете всё, что есть в момент копирования.

Сделайте копию того, что есть изначально, и копируйте эту копию:

const $sample = $('.add-pass-group').clone();

$('.add-napr').on('click', e => $(e.target).before($sample.clone()));

<img :src="wall.users.photo || wall.pages.photo">

Если вдруг не гарантируется наличие хотя бы одного из значений, тогда:

computed: {
  src() {
    const { wall } = this;
    return wall.users.photo || wall.pages.photo;
  },
},

<img v-if="src" :src="src">

function getIds($obj) {
  $ids = [];

  if (isset($obj->id)) {
    $ids[] = $obj->id;
  }

  if (is_object($obj) || is_array($obj)) {
    foreach ($obj as $val) {
      array_push($ids, ...getIds($val));
    }
  }

  return $ids;
}