Changing the key name in an array of objects?

Question

How can I change the key name in an array of objects?

var arrayObj = [{key1:'value1', key2:'value2'},{key1:'value1', key2:'value2'}]; 

How can I change each key1 to stroke so that I get:

var arrayObj = [{stroke:'value1', key2:'value2'},{stroke:'value1', key2:'value2'}]; 

Answer 1

In recent JavaScript (and TypeScript), use destructuring with rest syntax, spread syntax, and array map to replace one of the key strings in an array of objects.

const arrayOfObj = [{   key1: 'value1',   key2: 'value2' }, {   key1: 'value1',   key2: 'value2' }]; const newArrayOfObj = arrayOfObj.map(({   key1: stroke,   ...rest }) => ({   stroke,   ...rest }));  console.log(newArrayOfObj);

Answer 2

var i; for(i = 0; i < arrayObj.length; i++){     arrayObj[i].stroke = arrayObj[i]['key1'];     delete arrayObj[i].key1; }