javascript. Iterate in array with map with variable items

Question

Sorry if duplicated some issue, but I searched a lot and didn't find anything. I have to fill a table in js. To do this, I take the values of an array of objects (centers) and apply map. Everything works perfectly.

centers = [ { 'center': 'Center 1', 'datos': { "key1":4.67, "key2":3.56 } }, { 'center': 'Center 2', 'datos': { "key1":0.34, "key2":5} }, { 'center': 'Center 3', 'datos': { "key1":3.7, "key2":2.5} } ] let result = centers.map(res => { let columns = {'column1':res.datos.key1, 'column2':res.datos.key2} return columns; }) /* result = [ [ { column1: 4.67, column2: 3.56 }, { column1: 0.34, column2: 5 }, { column1: 3.7, column2: 2.5 } ] ] */

However, the items "key1 ...... key1000" are many and I would like to implement them in the map function like this

var cc = ['key1','key2','key3','key4','key5']; let result = centers.map(res => { let columns = {'column1':res.datos.cc[0], 'column2':res.datos.cc[1], ...........} return columns; })

but it does not take the value of the variable. It's possible with map this?. Thank you.

For accessing object values from dynamic keys, try res.datos[cc[0]] — Sheraff
– Sheraff, Commented May 9, 2021 at 16:47

bel3atar · Accepted Answer · 2021-05-09 17:06:52Z

const centers = [{ 'center': 'Center 1', 'datos': { "key1": 4.67, "key2": 3.56 } }, { 'center': 'Center 2', 'datos': { "key1": 0.34, "key2": 5 } }, { 'center': 'Center 3', 'datos': { "key1": 3.7, "key2": 2.5 } }] const result = centers.map(res => Object.entries(res.datos).reduce((acc, [key, value]) => ({ ...acc, [key.replace('key', 'column')]: value }), {})) console.log(result)

HijenHEK · Accepted Answer · 2021-05-09 17:01:26Z

you need to use Object.keys(res) to get all keys in an array here cc then use dynamic variable names in a for loop first to name the columns (starts from (column1) and to name the keys starts from 0 in cc and 1 in names cc[0] => key1

 let result = centers.map(res => { cc = Object.keys(res); // ['key1','key2','key3','key4','key5'] let columns : {}; for (let i = 0; i < cc.length; i++) { // for i = 0 => columns['column1'] = res.datos[key0] // for i = 0 => columns.columns1 = res.datos.key0 columns['column' + (i + 1)] = res.datos[`${cc[i]}`] ; } return columns ; }

Frank · Accepted Answer · 2021-05-09 17:01:30Z

I have finally been able to solve. I post in case it can be of help

centers = [ { 'center': 'Center 1', 'datos': { "key1":4.67, "key2":3.56 } }, { 'center': 'Center 2', 'datos': { "key1":0.34, "key2":5} }, { 'center': 'Center 3', 'datos': { "key1":3.7, "key2":2.5} } ] var cc = ['key1','key2']; for (let i = 0; i < cc.length; i++) { centers.map(res => { let nombreColumna = "column"+i; let columns = {[nombreColumna]:res.datos[cc[i]]} arrayOut.push (columns); return arrayOut; }) } /* arrayOut: [ [ { column0: 4.67 }, { column0: 0.34 }, { column0: 3.7 }, { column1: 3.56 }, { column1: 5 }, { column1: 2.5 } ] ] ´´´

Collectives™ on Stack Overflow

javascript. Iterate in array with map with variable items

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related