typescript: object is possible undefined, but i use if chained to check

Question

I have this code, but i get an error on this code underlined 'startups[i].logo' is possible undefined, why this error if I use if to check the values ?

  for (let i = 0; i < startups.length; i++) {
    let startup = startups[i];
    if (startups[i] && startups[i].logo && startups[i].logo.location) {
      aStartup.push({
        objectID: startups[i].id,
        logo: startups[i].logo.location,
      });
      batchCount ++;
    }

webstorm alert show the error, and when webstomr show error then the compile will give error too — DDave, Dec 20 '18 at 22:42
Then i think you'll find [this answer](https://stackoverflow.com/questions/40349987/how-to-suppress-typescript-error-ts2533-object-is-possibly-null-or-undefine) useful. — Nino Filiu, Dec 20 '18 at 23:12

score 1 · Accepted Answer · answered Dec 21 '18 at 01:42

Extract the nullable parts to local variables:

for (let i = 0; i < startups.length; i++) {
  const startup = startups[i];
  const logo = startup.logo;

  if (startup && logo && logo.location) {
    aStartup.push({
      objectID: startup.id,
      logo: logo.location
    });

    batchCount ++;
  }
}

This makes a difference because TypeScript knows all nullable scenarios have been eliminated within this block.

typescript: object is possible undefined, but i use if chained to check

1 Answers1