Estou trabalhando no desenvolvimento de uma table dinâmica e estou enfrentando problemas para criar as linhas dessa table conforme as colunas que eu tenho e a informação que recebo da API.
Considerando o seguinte código:
let data = [];
let line = {};
const columns = [{
name: "Code",
dataIndex: "id"
}, {
name: "Name",
dataIndex: "name"
}];
const arrFromApi = [{
id: 1,
name: "Marcus",
age: "32"
}, {
id: 2,
name: "John",
age: "30"
}, {
id: 3,
name: "Emily",
age: "25"
}];
arrFromApi.forEach(item => {
columns.forEach(column => {
line[column.dataIndex] = item[column.dataIndex];
})
data.push(line)
});
console.log(data)
Eu tenho o seguinte resultado:
[{id: 3, name: "Emily"}, {id: 3, name: "Emily"}, {id: 3, name: "Emily"}]
Porém, se eu substituir meu data.push(line)
por console.log(line)
é impresso no console corretamente cada um dos nomes da forma que preciso:
[{id: 1, name: "Marcus"}, {id: 2, name: "John"}, {id: 3, name: "Emily"}]
Alguém saberia dizer o que há de errado neste cenário? Pois entendo que se no console está imprimindo nessa sequência, logo o resultado final do meu array deveria ser o mesmo.