TypeScript - Unable to retrieve value from array

Question

I have an interface Country as below in my component.ts class :

export interface Country{
  id: String;
  name: String;
  checked: false; 
}

const country: Country[] = [

   { id: 'India', name: 'India', checked: false},
   { id: 'USA', name: 'USA', checked: false},
   { id: 'Canada', name: 'Canada', checked: false},

]

selectedCountry: Country[] ;

On UI I have checkboxes for respective countries.

Let's say if user selects India/USA/Canada ( one at a time). So to handle the same, I am trying to write an if-else statement as :

if(this.selectedCountry.includes('India')
 // do something;
else if(this.selectedCountry.includes('USA')
 // do something;
else ...

But I am getting an error : Argument of type 'string' is not assignable to parameter of type 'Country'.

Can someone help me out figure the issue. Any help/pointers are highly appreciable.

this.selectedCountry contains Country objects, not strings. You need to check if a field of the objects matches that (not sure i you want id or name). — VLAZ
– VLAZ, Commented Mar 22, 2021 at 12:00
Does this answer your question? How to determine if Javascript array contains an object with an attribute that equals a given value? — VLAZ
– VLAZ, Commented Mar 22, 2021 at 12:00
What about if your contry array contains 100 countries, Are you going to code if-else for 100 times? I think this will not good solution. — er-sho
– er-sho, Commented Mar 22, 2021 at 12:01
@er-sho : Yeah, I am trying to figure what to do if the number of countries grow. — Amit kumar
– Amit kumar, Commented Mar 22, 2021 at 12:04

tmsbrndz · Accepted Answer · 2021-03-22 12:00:42Z

3

Try this

this.selectedCountry.some(c => c.name === "India");

The some() method checks if any of the elements in an array pass a test (provided as a function).

For reusable code :

checkCountry(name: string): boolean{
  return this.selectedCountry.some(c => c.name === name);
}

answered Mar 22, 2021 at 12:00

tmsbrndz

1,3472 gold badges9 silver badges23 bronze badges

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

Comments

Ian Cho · Accepted Answer · 2021-03-22 11:59:56Z

1

Is this.selectedCountry Object country?. How about this.selectedCountry.id.includes('India') ?

answered Mar 22, 2021 at 11:59

Ian Cho

1077 bronze badges

Collectives™ on Stack Overflow

TypeScript - Unable to retrieve value from array

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related