Фронтендщик
Все для frontend developer, шуточки, тесты, статьи Администрация/Реклама @vtopua
Більше1 510
Підписники
-124 години
-67 днів
-2330 днів
- Підписники
- Перегляди допису
- ER - коефіцієнт залучення
Триває завантаження даних...
Приріст підписників
Триває завантаження даних...
Фото недоступнеДивитись в Telegram
Изменение элементов объектов в JavaScript
Элементы объектов можно изменять, обращаясь к ним по ключам. Давайте посмотрим, как это делается. Пусть у нас есть следующий объект:
let obj = {a: 1, b: 2, c: 3};
📌 #instr || Фронтендщик
Фото недоступнеДивитись в Telegram
А вот третий ключ - допустимый, и к нему мы можем обращаться обоими способами:
console.log(obj['key3']);
console.log(obj.key3);
📌 #instr || Фронтендщик
Фото недоступнеДивитись в Telegram
Также обращение к таким именем через свойство объекта приведет к ошибке:
console.log(obj.1key);
console.log(obj.key-2);
📌 #instr || Фронтендщик
Фото недоступнеДивитись в Telegram
К таким ключам можно обращаться только через квадратные скобки:
console.log(obj['1key']);
console.log(obj['key-2']);
📌 #instr || Фронтендщик
Фото недоступнеДивитись в Telegram
Если строка нарушает ограничение, то ее нужно брать в кавычки. В следующем примере в часть ключей не удовлетворяет условиям и поэтому стоят в кавычках:
let obj = {'1key': 'a',
'key-2': 'b',
key3: 'c'};
📌 #instr || Фронтендщик
Фото недоступнеДивитись в Telegram
Ограничения на ключи объектов в JavaScript
Мы можем писать без кавычек не все ключи объектов, а только те, которые удовлетворяют следующим ограничениям: они не могут начинаться с цифры и не могут содержать внутри себя дефис, пробел и тому подобные вещи.
📌 #instr || Фронтендщик
Фото недоступнеДивитись в Telegram
Выведем на экран значение его свойства:
console.log(obj.a); // выведет 1
📌 #instr || Фронтендщик
Фото недоступнеДивитись в Telegram
Свойства объектов в JavaScript
Существует альтернативный способ обращения к элементам объекта. В этом способе мы после имени объекта ставим точку и пишем имя ключа. В этом случае ключ называется свойством объекта. Давайте посмотрим, как это делается. Пусть у нас есть следующий объект:
let obj = {a: 1, b: 2, c: 3};
📌 #instr || Фронтендщик
Фото недоступнеДивитись в Telegram
Давайте выведем элемент нашего объекта по ключу:
console.log(obj['a']);
// выведет 1
📌 #instr || Фронтендщик
Фото недоступнеДивитись в Telegram
Строковые ключи объектов в JavaScript
Ключами объектов могут быть строки:
let obj = {'a': 1, 'b':
2, 'c': 3};
При этом ключи-строки принято в кавычки не брать:
let obj = {a: 1, b: 2, c: 3};
📌 #instr || Фронтендщик
Оберіть інший тариф
На вашому тарифі доступна аналітика тільки для 5 каналів. Щоб отримати більше — оберіть інший тариф.