Внимание! На этой странице вы найдете материал урока из архивного курса по JavaScript. Курс был написан в 2015 и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по JavaScript и на странице первого урока.
Мы уже познакомились с объектами, которые еще называют ассоциативными массивами. Они в JavaScript используются немного по-другому, нежели в других языках. Теперь поработаем с их свойствами.
Создадим несколько объектов следующими двумя способами:
var obj = new Object()
var obj = {}Свойства можно добавить двумя различными способами, которые принципиально различны:
obj.property = 12
obj["property"] = 12Теперь объясню когда и что логичнее использовать. Квадратные скобки используют чаще всего если название свойства содержится в переменной. Чтобы было понятно, посмотрим пример:
var name = 'property'
obj[name] = 12Перейдем к выводу свойств, и хочется сказать что он до безумия прост. Кстати хочу оговориться, если свойства этого объекта нет, то вернется undefined.
alert(obj.property)
alert(obj['property'])Главное нужно запомнить, что никакой ошибки не будет, если свойство пустое.
Для проверки существования переменной, следует использовать typeof.
if (typeof name != 'undefined') { ... }Эта отсылка неспроста. Теперь решим задачу проверки существования глобальной переменной при помощи объекта, зная, что все они являются свойствами объекта window:
if (window.name) { ... }Как теперь удалить свойство объекта? Это делается созвучным оператором delete
obj.test = 12
delete obj.test
obj['newproperty'] = falseЕще есть возможность создать сразу несколько свойств вместе с объявлением объекта следующим способом:
var obj = {
test: 12,
newproperty: false
} В следующем уроке изучим пару методов класса Object.
Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу JavaScript.
