Append to object variable in Typescript

Question

Ultimately, I want to create an object:

newData = {
    column1: "",
    column2: "",
    column3: "",
    ...
    columnN: ""
}

column names come from another array of objects, which is essentially a global variable tableColumns:

tableColumns = [
    {headerName: "column1", field: "c1", editable: false},
    {headerName: "column2", field: "c2", editable: false},
    {headerName: "column3", field: "c3", editable: false},
    {headerName: "column4", field: "c4", editable: false}
]

Without any hard coding, how can I dynamically create newData via looping through this.tableColumns?

What will be the value of column1, column2 ... in newData object? Are they empty or null? — Ankit Agarwal
– Ankit Agarwal, Commented May 10, 2018 at 6:58
@AnkitAgarwal either is ok for me. This newData will be used to insert a new empty row in a table. So I don't care. — xzk
– xzk, Commented May 10, 2018 at 7:00
Ok I have posted a answer for that. You can set with any value you need — Ankit Agarwal
– Ankit Agarwal, Commented May 10, 2018 at 7:03

Ankit Agarwal · Accepted Answer · 2018-05-10 07:03:05Z

1

Loop over tableColumns and set the value of headerName key as the key of newData object:

var tableColumns = [
    {headerName: "column1", field: "c1", editable: false},
    {headerName: "column2", field: "c2", editable: false},
    {headerName: "column3", field: "c3", editable: false},
    {headerName: "column4", field: "c4", editable: false}
];

var newData = {};

tableColumns.forEach((col)=>{
  newData[col.headerName] = '';
});

console.log(newData);

answered May 10, 2018 at 7:03

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ankit Agarwal Over a year ago

@Henrix glad to help

klugjo · Accepted Answer · 2018-05-10 07:02:38Z

0

Loop through your items and dynamically assign properties based on your headerName column

const tableColumns = [
    {headerName: "column1", field: "c1", editable: false},
    {headerName: "column2", field: "c2", editable: false},
    {headerName: "column3", field: "c3", editable: false},
    {headerName: "column4", field: "c4", editable: false}
];

const result = {};

tableColumns.forEach(item => {
  result[item.headerName] = item.field;
});

console.log(result);

answered May 10, 2018 at 7:02

klugjo

21k10 gold badges65 silver badges83 bronze badges

Collectives™ on Stack Overflow

Append to object variable in Typescript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related