Ejemplo Objetos

by Jelgab

HTML

<div id="ResultadoDiv" />

JavaScript

//Rutina para mostrar resultados:
function printResultado(losDatos, agregarEolPorCadaDato) {
   var resultadoHtml = "";
   for (indiceDato = 0; indiceDato < losDatos.length; indiceDato++) {
      resultadoHtml += losDatos[indiceDato];
      if (agregarEolPorCadaDato) {
         resultadoHtml += "<br/>";
      }
   }
   $("#ResultadoDiv").append(resultadoHtml + "<br/>");
}

//Ejemplo de uso de objetos
var prueba1 = {};

//Valores iniciales:
prueba1[15] = 20;
prueba1[1] = false;
prueba1["DatoExtra"] = "Este es otro dato mas";
prueba1["ContenidoHtml"] = "<div id = 'divDeDemostracion01' style = 'width: 200px; height: 100px; border: 1px solid blue; margin : 10px;'></div>";
prueba1.OtraForma = "Así también se asignan propiedades";

//Ver si existen propiedades:
printResultado( [ "Existe la propiedad 'DatoExtra'?", prueba1.hasOwnProperty( "DatoExtra" ) ] );
printResultado( [ "Existe la propiedad 'OtraCosa' ?", prueba1.hasOwnProperty( "OtraCosa" ), "<br/>" ] );

//Mostrar propiedades:
for (var nombrePropiedad in prueba1) 
{ 
  if ( prueba1.hasOwnProperty( nombrePropiedad ) ) 
  { 
    printResultado( [ "Nombre Propiedad: ", nombrePropiedad, '. Valor: ', prueba1[ nombrePropiedad ] ] );
    //Así no se "ejecuta" (procesa) el html:
    //printResultado( [ "Nombre Propiedad: ", nombrePropiedad, '. Valor: ', $("<div/>").html( prueba1[ nombrePropiedad ] ).text() ] );
  } 
}