title: How to iterate an object and return values ones per items in a brace
body: <p>I have a object containing data from like this:</p>
  
  <pre><code>let data = {"A":"Alpha", "B":"Bravo", "C":"Charlie"};
  </code></pre>
  
  <p>Using the above object, I need to iterate but return the items using the key name like this:</p>
  
  <pre><code>for(let key in data) {
     if(data.hasOwnProperty(key)) {
  
   // Get the data here by the key name:
       alert(data['A'] + ' ' + data['B'] + ' ' + data['C']);
  
      }
  }
  </code></pre>
  
  <p>Or this way:</p>
  
  <pre><code>Object.keys(data).forEach(function(key,index) {
     alert(data['A'] + ' ' + data['B'] + ' ' + data['C']);
  });
  </code></pre>
  
  <p>Both forms will output this: Which is correct because the object has 3 items.</p>
  
  <pre><code>Alpha Bravo Charlie
  Alpha Bravo Charlie
  Alpha Bravo Charlie
  </code></pre>
  
  <p>without using a <code>break;</code> and with Vanilla JavaScript (No <code>JQuery</code>)  How can I simply get:</p>
  
  <pre><code>Alpha Bravo Charlie
  </code></pre>