Фронтендщик

Изменение элементов объектов в JavaScript Элементы объектов можно изменять, обращаясь к ним по ключам. Давайте посмотрим, как это делается. Пусть у нас есть следующий объект: let obj = {a: 1, b: 2, c: 3}; 📌 #instr || Фронтендщик

А вот третий ключ - допустимый, и к нему мы можем обращаться обоими способами: console.log(obj['key3']); console.log(obj.key3); 📌 #instr || Фронтендщик

Также обращение к таким именем через свойство объекта приведет к ошибке: console.log(obj.1key); console.log(obj.key-2); 📌 #instr || Фронтендщик

К таким ключам можно обращаться только через квадратные скобки: console.log(obj['1key']); console.log(obj['key-2']); 📌 #instr || Фронтендщик

Если строка нарушает ограничение, то ее нужно брать в кавычки. В следующем примере в часть ключей не удовлетворяет условиям и поэтому стоят в кавычках: let obj = {'1key': 'a', 'key-2': 'b', key3: 'c'};  📌 #instr || Фронтендщик

Ограничения на ключи объектов в JavaScript Мы можем писать без кавычек не все ключи объектов, а только те, которые удовлетворяют следующим ограничениям: они не могут начинаться с цифры и не могут содержать внутри себя дефис, пробел и тому подобные вещи. 📌 #instr || Фронтендщик

Выведем на экран значение его свойства: console.log(obj.a); // выведет 1 📌 #instr || Фронтендщик

Свойства объектов в JavaScript Существует альтернативный способ обращения к элементам объекта. В этом способе мы после имени объекта ставим точку и пишем имя ключа. В этом случае ключ называется свойством объекта. Давайте посмотрим, как это делается. Пусть у нас есть следующий объект: let obj = {a: 1, b: 2, c: 3}; 📌 #instr || Фронтендщик

Давайте выведем элемент нашего объекта по ключу: console.log(obj['a']); // выведет 1  📌 #instr || Фронтендщик

Строковые ключи объектов в JavaScript Ключами объектов могут быть строки: let obj = {'a': 1, 'b': 2, 'c': 3};  При этом ключи-строки принято в кавычки не брать: let obj = {a: 1, b: 2, c: 3}; 📌 #instr || Фронтендщик