title: JavaScript: How can I change property names of objects in an array?
body: <p>I am using this <code>react-select</code>: <a href="https://github.com/JedWatson/react-select" rel="noreferrer">https://github.com/JedWatson/react-select</a></p>
  
  <p>The format for options data that they require is:</p>
  
  <pre><code>const options = [
      { value: 'chocolate', label: 'Chocolate' },
      { value: 'strawberry', label: 'Strawberry'},
      { value: 'vanilla', label: 'Vanilla' }
  ];
  </code></pre>
  
  <p>My array is set up differently as follows:</p>
  
  <pre><code>const columns = [
      { name: 'OrderNumber', title: 'Order Number' },
      { name: 'strawberry', title: 'Strawberry' },
      { name: 'vanilla', title: 'Vanilla' }
  ]
  </code></pre>
  
  <p>I am not able to change my array. If try to use <code>name</code> or <code>value</code> in my option items, I encounter issues using them with <code>select-react</code>. If I change my <code>name</code> to <code>value</code>, the select options are populating, however I don't want to do that.</p>
  
  <p>Can anyone teach me how can I change my array's <code>name</code> to <code>value</code>? </p>