How to provide a type definition when pushing elements into an array using TypeScript?

Question

I need to avoid using 'any' as a type definition when pushing elements into an array. I tried providing the type but I got an error. Here is sample code:

interface answerProps {
    state: string;
    answer: string;
  }

  const results: Array<string> = [];
  !isEmpty(answers) &&
    answers.map((item: any) => results.push(`${item.state} : ${item.answer}`));

Based on the above code, I want to avoid using a while loop to map array elements.

Answer 1

When mapping arrays, just use the answerProps interface.

interface answerProps {
  state: string;
  answer: string;
}

const results: Array<string> = [];
!isEmpty(answers) &&
  answers.map((item: answerProps) => results.push(`${item.state} : ${item.answer}`));