How to create named object with typescript?

Question

Working on getting some interfaces setup for my angular2 service using typescript. Running into an issue of configuration.

I'd like to be able to access my data like this myItem['chickens'] & get back the following object:

{
  name:"chicken",
  price:1000,
  names:["Harry", "Barry", "Larry"]
}

How do I write my interface the correct way so that I can get my data back as previously mentioned?

export interface StoreItem {
      itemName:{
        itemName: string;
        price: number;
        nameList: Array<string>;
      }
    }

jonrsharpe · Accepted Answer · 2017-01-02 18:11:21Z

6

Your StoreItems have string keys and typed values, so you could do:

interface StoreItem {
  [key: string]: {
    itemName: string;
    price: number;
    nameList: Array<string>;  // or string[]
  }
}

This would happily allow e.g.:

let myItem: StoreItem = {
  chickens: {
    name: 'chicken',
    price: 1000,
    names: ['Harry', 'Barry', 'Larry']
  }
};

And you can access that inner item either as myItem['chickens'] or simply myItem.chickens.

answered Jan 2, 2017 at 18:04

jonrsharpe

123k31 gold badges278 silver badges488 bronze badges

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

1 Answer 1