Los objetos en JavaScript, como en tantos otros lenguajes de programación, se pueden comparar con objetos de la vida real. El concepto de Objetos en JavaScript se puede entender con objetos tangibles de la vida real.

En JavaScript, un objeto es un entidad independiente con propiedades y tipos. Compáralo con una taza, por ejemplo. Una taza es un objeto con propiedades. Una taza tiene un color, un diseño, un peso, un material del que está hecha, etc. Del mismo modo, los objetos de JavaScript pueden tener propiedades que definan sus características.

Un objeto de JavaScript tiene propiedades asociadas a él. Una propiedad de un objeto se puede explicar como una variable adjunta al objeto. Las propiedades de un objeto básicamente son lo mismo que las variables comunes de JavaScript, excepto por el nexo con el objeto. Las propiedades de un objeto definen las características del objeto. Accedes a las propiedades de un objeto con una simple notación de puntos.

objectName.propertyName

Como todas las variables de JavaScript, tanto el nombre del objeto (que puede ser una variable normal) como el nombre de la propiedad son sensibles a mayúsculas y minúsculas. Puedes definir propiedades asignándoles un valor.

Podemos crear vectores con componente de tipo objeto.

Con un ejemplo veremos la sintaxis para trabajar con los mismos. Desarrollaremos una clase que represente un hipervínculo y luego definiremos un vector con componentes de tipo hipervinculo.

La clase hipervínculo y donde definimos objetos de dicha clase:

<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de JavaScript</title>
<meta charset="UTF-8">
</head>
<body>

<script>
function Hipervinculo(direccion,titulo)
{
this.direccion=direccion;
this.titulo=titulo;
this.retornarhipervinculo=retornarhipervinculo;
}

function retornarhipervinculo()
{
var cadena;
cadena='<a href=' + this.direccion + '>' + this.titulo + '</a>';
return cadena;
}

var vector=new Array(3);
vector[0]=new Hipervinculo('http://www.google.com','google');
vector[1]=new Hipervinculo('http://www.msn.com','msn');
vector[2]=new Hipervinculo('http://www.yahoo.com','yahoo');
for(var f=0;f<vector.length;f++)
{
document.write(vector[f].retornarhipervinculo());
document.write('<br>');
}
</script>

</body>
</html>

Ver ejemplo anterior

Creamos un objeto de la clase Array y luego guardamos en cada componente un objeto de la clase hipervínculo (pasándole como parámetros al constructor, la dirección del sitio y el texto a mostrar en la página) Luego recorremos con un 'for' las componentes del vector e imprimimos en la página cada hipervínculo.