Павел Корнилов

Доступ запрещен!
У вас нет разрешения на доступ к запрашиваемому объекту. Он либо защищен от чтения, либо не читается сервером.
Если вы считаете, что это ошибка сервера, обратитесь к веб-мастеру.
Ошибка 403

Если в метод forEach() был передан параметр thisArg, при вызове callback он будет использоваться в качестве значения this. В противном случае, в качестве значения this будет использоваться значение undefined. В конечном итоге, значение this, наблюдаемое из функции callback, определяется согласно обычным правилам определения this, видимого из функции.

const data = {yandex: { popka: 'popka value', durak: 'durak value' }}
// => undefined
Object.keys(data.yandex)
// => Array [ "popka", "durak" ]
Object.keys(data.yandex).forEach(function(key){
   console.log(data.yandex[key]) // вернет сначала popka value потом durak value
})

Как относиться "prop" к "data.yandex"?

document.querySelectorAll('.other-products > .products');

не хочется лезть в PHP, да и уже появились более современные фреймворки типо react

Интересно еще узнать как не только постепенную загрузку страницы, но и постепенную загрузку экрана, начиная от скелета и постепенно подгружая текста, картинки.

4.3.3 Object
An object is a member of the type Object. It is an unordered collection of properties each of which
contains a primitive value, object, or function. A function stored in a property of an object is called a
method.

for (var i=0; i<arr1.length; i++) {
    for (var j=0; j<arr2.length; j++) {
         if (arr1[i].id == arr2[j].id_user) {
             arr1[i].sport = arr2[j].sport;
             break;
         }
    }
}