I have a scenario while working for charts where i need to convert the below array of objects into other array of arrays.
const country = [ {"country": "Germany","visits": "306"}, {"country": "USA","visits": "106"}, {"country": "UK","visits": "206"}, ]; and the desired output should look like below::
[ ["Country", "Visits"], ["Germany", 306], ["USA", 106], ["UK", 206] ] I am unable to get this desired output.
All you need to do is map the fields to an array.
const countries = [ { "country": "Germany", "visits": "306" }, { "country": "USA", "visits": "106" }, { "country": "UK", "visits": "206" }, ]; console.log(countries.map(country => [ country.country, country.visits ]));.as-console-wrapper { top: 0; max-height: 100% !important; }If you want all the values, just use Object.values.
const countries = [ { "country": "Germany", "visits": "306" }, { "country": "USA", "visits": "106" }, { "country": "UK", "visits": "206" }, ]; console.log(countries.map(country => Object.values(country)));.as-console-wrapper { top: 0; max-height: 100% !important; }
mapon array to transform them:const output = country.map(c => [c.country, c.visits])country[0]for example.const country = [ { country: 'Germany', visits: '306' }, { country: 'USA', visits: '106' }, { country: 'UK', visits: '206' }, ]; const reducer = (acc, curr, idx, self) => { const result = acc; result.push([curr.country, curr.visits]) if (idx === self.length - 1) { const keys = Object.keys(curr); result.unshift(keys); } return result; } const result = country.reduce(reducer, []) console.log(result);