Объявление свойства Javascript с использованием фигурных скобок

Question

Я очень плохо знаком с JavaScript и кодированием в целом. Я начал с курса удеми, чтобы изучить основы, и начал применять то, что я знаю, на практике, следуя вместе с этим видео на YouTube . Я пытаюсь построить тетрис. Видео отличное, но в нем (во время 7:10) он сделал то, на что я надеялся получить разъяснения.

Он объявил переменную с двумя свойствами. Первое свойство содержит значение в пределах {}. У меня есть код ниже.

const player = {
    pos: {x: 5, y: 5},
    matrix: matrix
}

Может кто-нибудь объяснить pos: {x: 5, y: 5}? Я изо всех сил пытаюсь даже сформулировать поиск Google. Как это называется? Используется ли это регулярно в JS и для чего?

Любая информация будет огромной помощью.

Спасибо

Answer 1

const player = {      // variable (a constant) named "player", whose type is object
    matrix: matrix,   // property of an object, whose key is "matrix" and value is something (another variable, function etc.) named "matrix"
    pos: {x: 5, y: 5} // property of an object, whose key is "pos" and value is another object
}

Объект, проще говоря, переменная, которая может содержать множество пар ключ-значение (называемых properties ). Значение может быть целым числом, строкой, ... или даже другим объектом. Вы можете получить доступ к свойствам через точку .. Например:

player.pos.x // returns 5