Вебинары Разобраться в IT Реферальная программа
Программирование Аналитика Дизайн Маркетинг Управление проектами
28 Янв 2023
2 мин
924

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

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

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

var key = "myKey";
var myObject = { key: "myValue" };

В этом случае создается объект myObject, у которого ключ называется key, а не myKey, как было задумано. Это происходит потому что в JavaScript ключи объектов, определенные в фигурных скобках, трактуются как литералы, а не как переменные.

Однако, есть несколько способов обойти эту проблему.

Использование скобочной нотации

Первый способ — использование скобочной нотации. В этом случае сначала создается объект, а затем для него устанавливается ключ с помощью переменной:

var key = "myKey";
var myObject = {};
myObject[key] = "myValue";

Теперь объект myObject имеет ключ myKey, как и было задумано.

Использование вычисляемых свойств

Второй способ заключается в использовании вычисляемых свойств (computed property names), которые были введены в ECMAScript 2015 (ES6). В этом случае ключ объекта определяется в квадратных скобках:

var key = "myKey";
var myObject = { [key]: "myValue" };

В результате получаем объект myObject с ключом myKey.

Итог

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

Проверь как ты усвоил материалы статьи
Пройди тест и узнай насколько ты лучше других читателей

Добавить комментарий