Найти в Дзене

Полезные фишки для работы с объектами JavaScript

Существует ряд важных синтаксических конструкций, которые используются при работе с объектами. Рассмотрим их более подробно. Оператор with Данный оператор позволяет программисту обращаться к свойствам и методам объекта без необходимости каждый раз прописывать название самого объекта. В общем виде синтаксис оператора выглядит вот так: with (объект) { //команды } Рассмотрим конкретный пример: Результат: Здесь мы видим объект document и метод write, т.е. конструкция довольно знакомая и простая. Далее создается объект dog с двумя свойствами и используется в качестве параметра во втором операторе with. Значения его свойств выводятся на экран с помощью все того же метода write. Т.о., вместо того чтобы каждый раз использовать название объекта для вывода данных на экран мы сделали это всего один раз. Оператор for-in Данный оператор используется для перебора по множеству свойств (и методов) объекта. Т.е. по сути это цикл со своими особенностями работы) Синтаксис оператора: for(переменная in объ
Оглавление
Web programming vector illustration. Website construction. Web development, coding. Front end. HTML, CSS, JavaScript technology. Автор: ihorslozko
Web programming vector illustration. Website construction. Web development, coding. Front end. HTML, CSS, JavaScript technology. Автор: ihorslozko

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

Оператор with

Данный оператор позволяет программисту обращаться к свойствам и методам объекта без необходимости каждый раз прописывать название самого объекта. В общем виде синтаксис оператора выглядит вот так:

with (объект) {

//команды

}

Рассмотрим конкретный пример:

Оператор with
Оператор with

Результат:

Результат работы оператора with
Результат работы оператора with

Здесь мы видим объект document и метод write, т.е. конструкция довольно знакомая и простая. Далее создается объект dog с двумя свойствами и используется в качестве параметра во втором операторе with. Значения его свойств выводятся на экран с помощью все того же метода write. Т.о., вместо того чтобы каждый раз использовать название объекта для вывода данных на экран мы сделали это всего один раз.

Оператор for-in

Данный оператор используется для перебора по множеству свойств (и методов) объекта. Т.е. по сути это цикл со своими особенностями работы)

Синтаксис оператора:

for(переменная in объект) {

//команды

}

Переходим к примеру:

Оператор for-in
Оператор for-in

Результат:

Результат работы оператора for-in
Результат работы оператора for-in

Данный оператор начинает действовать с третьей строчки. Переменная s последовательно принимает значения названий всех свойств в объекте. Далее происходит их вывод с использованием разделителя " - ".

Оператор in

Позволяет проверить наличие того или иного свойства (метода) в объекте.

Синтаксис оператора:

свойство in объект

Пример:

Оператор in
Оператор in

Результат:

Результат работы оператора in
Результат работы оператора in

Здесь также все достаточно просто, создается объект col и потом идет проверка на наличие указанных в нем свойств. В случае если указанное в переменной a свойство будет присутствовать в объекте col мы получим истинное логическое значение true, в противном случае оно будет ложным - false.

Оператор delete

С помощью этого оператора у объекта удаляются свойства и методы.

Синтаксис оператора:

delete объект.свойство или delete объект.метод

Пример:

Оператор delete
Оператор delete

Результат:

Результат работы оператора delete
Результат работы оператора delete

Последний пример как можно заметить сочетает в себе два предыдущих.

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

#утилиты #объектjavascript #операторwith #операторforin #операторin #операторdelete

Спасибо за внимание!

ПОДПИСЫВАЙСЯ на канал чтобы не пропустить выход новых интересных статей!:)