Сборка от 17 марта 2017 г

Первый объект

важность: 3

Мини‑задача на синтаксис объектов. Напишите код, по строке на каждое действие.

1. 
   Создайте пустой объект user .
   
2. 
   Добавьте свойство name со значением Вася .
   
3. 
   Добавьте свойство surname со значением Петров .
   
4. 
   Поменяйте значение name на Сергей .
   
5. 
   Удалите свойство name из объекта.
   

К решению

Объекты: перебор свойств

Для перебора всех свойств из объекта используется цикл по свойствам for..in . Эта синтаксическая конструкция отличается от рассмотренного ранее цикла for(;;) .

for..in

Синтаксис:

for (key in obj) {

/* ... делать что‐то с obj[key] ... */
}

При этом for..in последовательно переберёт свойства объекта obj , имя каждого свойства будет записано в key и вызвано тело цикла.

Пример итерации по свойствам:

var menu = { width: 300,

height: 200, title: "Menu"
};

for (var key in menu) {

// этот код будет вызван для каждого свойства объекта
// ..и выведет имя свойства и его значение
alert( "Ключ: " + key + " значение: " + menu[key] );
}

Обратите внимание, мы использовали квадратные скобки menu[key] . Как уже говорилось, если имя свойства хранится в переменной, то обратиться к нему можно только так, не через точку.

Количество свойств в объекте

Как узнать, сколько свойств хранит объект? Готового метода для этого нет.

Самый кросс‑браузерный способ – это сделать цикл по свойствам и посчитать, вот так:

var menu = { width: 300,

height: 200, title: "Menu"
};
var counter = 0;

for (var key in menu) { counter++;

}

alert( "Всего свойств: " + counter );

В следующих главах мы пройдём массивы и познакомимся с другим, более коротким, вызовом: Object.keys(menu).length .