Как динамически получить доступ к свойству объекта с помощью переменной в JavaScript

Есть два способа получить доступ или получить значение свойства из объекта — запись с точкой (.), Например obj.foo, и запись с квадратными скобками ([]), например obj[foo].

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

Следовательно, если имя свойства объекта хранится в переменной JavaScript, вы можете получить его значение, используя запись в квадратных скобках, как показано в следующем примере:

<script>
// Пример JS-объекта
var obj = {
    name: "Peter Parker",
    age: 16,
    country: "United States"
}
    
// Имя свойства хранится в переменной JS
var prop = 'name';
    
// Доступ к отдельному свойству
alert(obj[prop]); // Выводит: Peter Parker
</script>

Подробнее см. Руководство по объектам JavaScript.

Читайте также