How to convert array to object array with custom key in typescript?

Question

I am learning typescript. It might be a silly question, but I am not able to find the answer online. I would like to convert an array to an object array (values are from the array). For example:

Input:

const array = ["Tom", "Jack", "Rose"]

Expected ouput:

[
  {
    name: "Tom",
    initial: "t",
    year: "2021"
  },
  {
    name: "Jack",
    initial: "j",
    year: "2021"
  },
  {
    name: "Rose",
    initial: "r",
    year: "2021"
  },
]

What is the best way to achieve this in typescript?

Thanks!

Little confused from your question, are you asking how to create the object from the array or how to define that name property can only be from array [A,B,C] — vaira
– vaira, Commented Nov 30, 2021 at 0:10
I would say latter, but basically, I am asking what the best way to get the expected output from example input. I updated a bit, and hope it is less confusion now. — WenliL
– WenliL, Commented Nov 30, 2021 at 0:15
Checkout the map function developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Jhecht
– Jhecht, Commented Nov 30, 2021 at 0:18

Srikar Phani Kumar M · Accepted Answer · 2021-11-30 00:16:50Z

4

This maybe the easiest way:

const array = ["Tom", "Jack", "C"]

const newObj = [];

array.forEach(eachArrayElement => {
  const x = {
    name: eachArrayElement,
    initial: eachArrayElement[0].toLowerCase(),
    year: (new Date().getFullYear()).toString()
  };
  newObj.push(x);
})

console.log('New Obj ==>', newObj);

answered Nov 30, 2021 at 0:16

Srikar Phani Kumar M

1,3921 gold badge5 silver badges9 bronze badges

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

1 Comment

axiac Over a year ago

Use Array.map() instead of Array.forEach(). It is more appropriate for the goal (transform one array into another.)

codeandcloud · Accepted Answer · 2021-11-30 00:33:26Z

3

Maybe even easier:

const array = ['Tom', 'Jack', 'Rose'];

const arrayOfObjects = array.map(element => {
  return {
    name: element,
    initial: element.charAt(0),
    year: new Date().getFullYear().toString(),
  };
});

console.log(arrayOfObjects);

edited Nov 30, 2021 at 0:33

codeandcloud

55.5k47 gold badges169 silver badges259 bronze badges

answered Nov 30, 2021 at 0:27

uros

313 bronze badges

1 Comment

codeandcloud Over a year ago

map is the way to go. Please add element.charAt(0).toLowerCase() for the sake of completeness

Collectives™ on Stack Overflow

How to convert array to object array with custom key in typescript?

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related