Convert js array to another js array format

Question

Here is my Js array

["field", "description", "example"]

I want to convert it into this

columnDefs: [
        {
          headerName: "Field",
          field: "field",
        },
        {
          headerName: "Description",
          field: "description",
        },
        {
          headerName: "Example",
          field: "example",
        }
      ],

Please help me out, how can I construct the above-mentioned Js array format.

Why not just have the desired data from the start? If you were ever to handle multiple languages or something with spaces, it is certainly easier to handle explicitly defining that data. — crashmstr
– crashmstr, Commented Oct 16, 2020 at 13:35

Mamun · Accepted Answer · 2020-10-16 13:14:54Z

2

You can try using map(), charAt(), toUpperCase() and slice() like the following way:

var arr = ["field", "description", "example"];
var columnDefs = arr.map((item, i) => ({headerName: item.charAt(0).toUpperCase() + item.slice(1), field: item}));
console.log(columnDefs);

answered Oct 16, 2020 at 13:14

Mamun

69k9 gold badges51 silver badges62 bronze badges

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

Comments

Derek Wang · Accepted Answer · 2020-10-16 13:13:50Z

1

Using Array.map, you can map each item to the format in the output.

And you can make the each field to capitalize using toUpperCase() function.

const arr = ["field", "description", "example"];
const output = {
  columnDefs: arr.map((item) => ({
    headerName: `${item[0].toUpperCase()}${item.substring(1)}`,
    field: item
  }))
};

console.log(output);

answered Oct 16, 2020 at 13:13

Derek Wang

10.2k4 gold badges20 silver badges40 bronze badges

Comments

mahajan08 · Accepted Answer · 2020-10-16 13:32:20Z

0

let columnDefs = []

array.map(item=>{
  let colunn = {
    'headerName': item.charAt(0).toUpperCase() + item.slice(1),
    'field': item
  }
  columnDefs.push(column)
}

answered Oct 16, 2020 at 13:32

mahajan08

11 bronze badge

2 Comments

RYFN Over a year ago

array.map will return a new array - there's no need to use the additional columnDefs variable. Take a look at Harsh Vats answer. you could

["field", "description", "example"].map(item=> (   {     headerName: item.charAt(0).toUpperCase() + item.slice(1),     field: item   }) )

mahajan08 Over a year ago

@RYFN True. Didn't realize that when I was writing the comment. A few extra lines can be removed and be made more performant. Thanks.

Lioness100 · Accepted Answer · 2020-10-16 13:33:16Z

0

array.map(item => ({ headerName: item.toUpperCase(), field: item }))

This should do the work.

edited Oct 16, 2020 at 13:33

Lioness100

8,4286 gold badges21 silver badges50 bronze badges

answered Oct 16, 2020 at 13:11

Badmaash

7958 silver badges19 bronze badges

1 Comment

Nick Parsons Over a year ago

The {} should be wrapped in parenthesis, or else it is interpreted as the function body and not an object literal. Also seems like you need to capitalize headerName

Collectives™ on Stack Overflow

Convert js array to another js array format

4 Answers 4

Comments

Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related