title: React.js right way to iterate over object instead of Object.entries
body: <p>I don't like using <code>Object.entries(object).map((key, i)</code> because I found out that this is an experimental technology of ECMAScript 7 and I feel that something may go wrong on production. Are there any native javascript alternative? </p>
  
  <p>I have no problems with values of name, price, description because I know exactly where they should be rendered and I can access them with Populate.key, but for the characteristics, I need to literate over object and render both key and value. </p>
  
  <p>I tried to use <code>Object.keys(priceChars).map(function(key, i)</code> but didn't understand how to separate key from value. Like, it was rendering "performance 500", but I need performance word to be in a icon class, and 500 is an actual value to be displayed.</p>
  
  <p>My JSON structure</p>
  
  <pre><code>const Populate = {
    'name': "Product",
    'price': "1000",
    'description': "Product description",
    'characteristics': {
      'performance': '500',
      'pressure': '180',
      'engine': '4',
      'size': '860*730*1300',
      'weight': '420'
    }
  }
  </code></pre>
  
  <p>And component </p>
  
  <pre><code>class PriceBlock extends Component {
    render() {
      const {priceName, priceDesc, priceVal, priceChars} = this.props;
      const characteristics = Object.entries(priceChars).map((key, i) =&gt; {
        return (
          &lt;div className="price__icon-row" key={i}&gt;
            &lt;i className={'ico ico-' + key[0]}&gt;&lt;/i&gt; &lt;span&gt;{key[1]}&lt;/span&gt;
          &lt;/div&gt;
        );
      });
      return (
        &lt;div className="col-5 price__block"&gt;
          &lt;div className="price__name"&gt;{priceName}&lt;/div&gt;
          &lt;div className="price__description"&gt;{priceDesc}&lt;/div&gt;
          &lt;div className="price__icons"&gt;
            {characteristics}
          &lt;/div&gt;
          &lt;div className={ managePriceClass(priceVal) }&gt;{priceVal}&lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>