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

Объект в javascript представляет собой обычный ассоциативный массив или, иначе говоря, 'хэш'. Он хранит любые соответствия 'ключ => значение' и имеет несколько стандартных методов. О том, что такое объект в JavaScript написано очень много. Но, наверное, самый простой способ разобраться в объектах - разобраться в том, как эти объекты создаются. Итак, начнем с переменой. Тут все просто.

var person = "Никодим";

А теперь следующий пример:

var person = {
 firstName : "Василий",
 lastName : "Пупкин",
 age : 50,
 eyeColor : "серые"
};

Доступ к значения элементов объекта можно получить так:

document.getElementById("demo").innerHTML =
person.firstName + " " + person.lastName;

Записать объявление объекта можно и в одну линию:

var person = {firstName:"Василий", lastName:"Пупкин", age:50, eyeColor:"серые"};

Создать объект можно используя метод new():

var person = new Object();
person.firstName = "Василий";
person.lastName = "Пупкин";
person.age = 50;
person.eyeColor = "серые"; 

Еще пример. Здесь объект создается с помощью конструктора:

function person(first, last, age, eye) {
 this.firstName = first;
 this.lastName = last;
 this.age = age;
 this.eyeColor = eye;
}
var myFather = new person("Василий", "Пупкин", 50, "серые");
var myMother = new person("Евгения", "Тапкина", 48, "черные");

Можно создавать объекты разных типов:

var x1 = new Object();    // Новый Object 
var x2 = new String();    // Новый строковый объект
var x3 = new Number();    // Новый числовой объект
var x4 = new Boolean()    // Новый булев объект
var x5 = new Array();    // Новый объект массива
var x6 = new RegExp();    // Новый объект регулярного выражения
var x7 = new Function();  // Новый объект для функции
var x8 = new Date();      // Новый объект для даты

А вот еще один вариант создания переменных, пожалуй самый лучший:

var x1 = {};
var x2 = "";
var x3 = 0;
var x4 = false;
var x5 = [];
var x6 = /()/;
var x7 = function(){};

Дальше приведен пример, в котором изменяется оригинальное задание значений элемента, созданного объекта:

var person = {firstName:"Василий", lastName:"Пупкин", age:50, eyeColor:"серый"}
var x = person;
x.age = 52;