Use variable within arrays and use its property as variable

Question

I really want to take variables from array index to its own array index property. now here's my code so far, but it didn't work. Hopefully this would visuallize you to what I mean.

const CHARACTERS: Character[] = [
  { id: 1, name: 'hei', image: './c' + this.id + '/' + 'portrait.png'},
  { id: 2, name: 'ok', image: './c' + this.id + '/' + 'portrait.png'},
  { id: 3, name: 'whatever', image: './c' + this.id + '/' + 'portrait.png'}
]

I want the image property resulting value to

./c1/portrait.png
./c2/portrait.png
./c3/portrait.png

Something like that.

basarat · Accepted Answer · 2017-06-16 05:56:03Z

1

You can create a function e.g

const createCharacter = ({id, name}) => ({ id, name, image: './c' + id + '/' + 'portrait.png'})

const CHARACTERS: Character[] = [
  createCharacter({id: 1, name: 'hei'}),
  createCharacter({id: 2, name: 'ok'}),
  ... 
]

answered Jun 16, 2017 at 5:56

basarat

278k60 gold badges475 silver badges528 bronze badges

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

Comments

Nachshon Schwartz · Accepted Answer · 2017-06-16 06:18:38Z

1

const NAMES: {id: number, name: string}[] = [
  { id: 1, name: 'hei'}
  { id: 2, name: 'ok'}
  { id: 3, name: 'whatever'}
]

const CHARACTERS: Character[] = NAMES.map(item, ({id,name}) => {
  return {id, name, image: './c' + id + '/' + 'portrait.png'
});

edited Jun 16, 2017 at 6:18

answered Jun 16, 2017 at 5:54

Nachshon Schwartz

15.9k20 gold badges65 silver badges99 bronze badges

2 Comments

Lem Bidi Over a year ago

what version of angular did you using? I got errors

Nachshon Schwartz Over a year ago

I fixed the problem

Collectives™ on Stack Overflow

Use variable within arrays and use its property as variable

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related