title: how to iterate over inner objects / property in an object
body: <p>I have an object which has inner objects and properties defined like this:</p>
  
  <pre><code>var obj = {obj1 : { "prop1" : "nothing", "prop2" : "prop"},
          obj2 : {"prop1" : "nothing", "prop2" : "prop"},
          pr1 : "message",
          pr2 : "mess"
  };
  </code></pre>
  
  <p>Normally to iterate every property of an object , the <code>for .. in</code> loop can do the trick</p>
  
  <pre><code>for (property in obj){
      if (obj.hasOwnProperty(property)){
          console.log(property + "   " + obj[property]);
      }
  }
  </code></pre>
  
  <p>the console displayed :</p>
  
  <blockquote>
  <pre><code>obj1 [object Object]
  obj12 [object Object]
  pr1 message
  pr2 mess
  </code></pre>
  </blockquote>
  
  <p>However how to iterate the inner objects (<code>obj1, obj2</code>) and their own properties (<code>prop1,prop2</code>) ?</p>