How to generate dynamic array of objects in typescript

Question

I want to pass the array of string names in to the function and be able to generate the array of objects based on that.

Say I am passing { 'id', 'title' } and as an output I am getting

[
    {
      id: '1',
      title: 'o1'
    },
    {
      id: '2',
      title: 'o2'
    },
]

I am kind of stucked as not sure how would you take the array of stirngs and convert its elements in to an object

export function getItems(names) {

  const a: any[] = [];
  for (let i = 0; i < 5; i++) {
      // need to produce 5 objects here like:
      // {
      //  id: '1',
      //  title: 'o1'
      // }
      a.push(object);
  }

  return a;
}

thoughts?

How are you providing the values for these keys? I mean, name='o1', name='02' etc. Are they random> — Ishwar Patil
– Ishwar Patil, Commented Mar 8, 2018 at 5:12
yup. You need to tell us how the values will be assigned to the properties? Also an array would be ['id', 'title'] not {'id', 'title'}. — Hussain Ali Akbar
– Hussain Ali Akbar, Commented Mar 8, 2018 at 5:15
This should be statement inside the loop a.push({id: ${i+1}, title: o${i+1}}); — Hassan Imam
– Hassan Imam, Commented Mar 8, 2018 at 6:34
@ivp the values are gonna be assigned in the loop from 1 to 5 — Sergino
– Sergino, Commented Mar 8, 2018 at 22:24

Gokul Chandrasekaran · Accepted Answer · 2018-03-08 06:04:35Z

5

You have not provided much information, but this should work for you.

function getItems(names) {
  const a: any[] = [];
  for (let i = 0; i < 5; i++) {
    a.push(names.reduce((acc, val) => {
      acc[val] = val + i
      return acc
    }, {}));
  }
  return a;
}

answered Mar 8, 2018 at 6:04

Gokul Chandrasekaran

5453 silver badges10 bronze badges

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

Comments

Abhijit Kar ツ · Accepted Answer · 2018-03-08 18:46:19Z

3

This should do it

function manufactureArray(props, num) {
  var arr = [];
  var obj;

  // Loop for the number of objects you want to push to the array
  for (var i = 0; i < num; i++) {
    obj = {};

    // Create the properties within a new object, and push it into the array
    for (var j = 0; j < props.length; j++) {

      // Using square bracket creates a property,
      // so this line will become: obj["id"] = "0 0" and so on
      obj[props[j]] = i + " " + j;
    }

    arr.push(obj);
  }

  return arr;
}

var num = prompt("Enter array length");

var arr = manufactureArray(['id', 'title'], num);

console.log(arr);

answered Mar 8, 2018 at 18:46

Abhijit Kar ツ

1,7601 gold badge14 silver badges26 bronze badges

Comments

user3550446 · Accepted Answer · 2019-12-19 13:46:32Z

0

just try this

type Obj = {[key: number]: number}
function getItems(names: number[]) {

  const arr: Obj[] = []; // your array is an array of Obj Type

  for (let i = 0; i < 5; i++) {
    // obj also is of type Obj
    const obj = names.reduce((acc, val) => {
      acc[val] = val + i
      return acc;
    }, {} as Obj)
    // here you can push obj in your array
    arr.push(obj);
  }
  return arr;
}

answered Dec 19, 2019 at 13:46

user3550446

4653 silver badges10 bronze badges

Collectives™ on Stack Overflow

How to generate dynamic array of objects in typescript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related