Propiedades con arrays

Las propiedades con arrays en objetos de JavaScript es posible. Para esto, necesitaremos ver varios ejemplos y su código.

Un objeto de JavaScript tiene propiedades. Una propiedad de un objeto es  una variable unida al objeto. Básicamente, una propiedad de un objeto define una característica del objeto.

Para acceder a una propiedad de un objecto usaremos la siguiente sintaxis:

nombreObjeto.nombrePropiedad

Ejemplos

var miCoche = new Object();
miCoche.marca = "Ford";
miCoche.modelo = "Fiesta";
miAuto.anyo = 2015;

Otra forma de trabajar con los objetos:

miAuto["marca"] = "Ford";
miAuto["modelo"] = "Fiesta";
miAuto["anyo"] = 2015;

propiedades arrays

Propiedades con arrays

De las distintas formas de crear objetos y clases en JavaScript, vamos a centrarnos en el uso de la palabra clave function.

function Empleado(id, nombre, apellidos, edad, departamento) { 
   this.id = id; 
   this.nombre = nombre;
   this.apellidos = apellidos; 
   this.edad = edad; 
   this.departamento = departamento;

   this.darNombreCompleto = function() {
      return this.nombre + " " + this.apellidos;
   };

}

Veamos un ejemplo con una propiedad de un objeto como array:

<!DOCTYPE html>
<html>
<body>

<h2>Ejemplo de propiedad como array</h2>

<p id="nombre"></p>

<script type="application/javascript">
   function Empleado(id, nombreCompleto, edad, departamento) { 

      // Propiedades
      this.id = id;
      this.nombreCompleto = nombreCompleto;
      this.edad = edad; 
      this.departamento = departamento;

      // Métodos
      this.darNombreCompleto = function() {
         return nombreCompleto.join(" ");
      };
   }

   // Crea e instancia un objeto de la clase Empleado
   empleado1 = new Empleado(1, ["Juan", "García", "Pérez"], 49, "Ventas");

   document.getElementById("nombre").innerHTML = empleado1.darNombreCompleto();
</script>

</body>
</html>

En primer lugar, la línea siguiente:

empleado1 = new Empleado(1, ["Juan", "García", "Pérez"], 49, "Ventas");

define la segunda propiedad con un array.

En segundo lugar, la línea siguiente:

document.getElementById("nombre").innerHTML = empleado1.darNombreCompleto();

escribe la propiedad nombreCompleto en nuestra página web.

Por último, las líneas:

this.darNombreCompleto = function() {
   return nombreCompleto.join(" ");
};

Escriben los elementos del array separados por espacios en blanco.

Por último, solo cabe añadir que los elementos del array de la propiedad nombreCompleto podían haber sido de cualquier tipo.

Y esto es todo.

También puede interesarte

Arrays en JavaScript. Uso y ejemplos

Clase y objeto en PHP

Clases y objetos en JavaScript

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *